@once-ui-system/core 1.8.4 → 2.0.0-alpha.0

package/ai/components/DatePicker.json

@@ -23,7 +23,7 @@
   "defaultDate": "Date",
   "defaultTime": "{ hours: number; minutes: number; }",
   "size": "CondensedTShirtSizes = m",
-  "isNested": "boolean = false",
+  "nested": "boolean = false",
   "className": "string",
   "style": "React.CSSProperties",
   "currentMonth": "number",
@@ -32,7 +32,7 @@
   "range": "{ startDate?: Date; endDate?: Date; }",
   "onHover": "(date: Date | null) => void",
   "autoFocus": "boolean = false",
-  "isOpen": "boolean"
+  "open": "boolean"
  },
  "mixinsRef": [
   "CommonProps",

package/ai/components/Dialog.json

@@ -13,7 +13,7 @@
   "StyleProps"
  ],
  "props": {
-  "isOpen": "!boolean",
+  "open": "!boolean",
   "onClose": "!() => void",
   "title": "!ReactNode | string",
   "description": "ReactNode",

package/ai/components/DropdownWrapper.json

@@ -15,14 +15,16 @@
   "onSelect": "(value: string) => void",
   "closeAfterClick": "boolean = true",
   "handleArrowNavigation": "boolean = true",
-  "isOpen": "boolean",
-  "onOpenChange": "(isOpen: boolean) => void",
-  "isNested": "boolean = false",
+  "open": "boolean",
+  "onOpenChange": "(open: boolean) => void",
+  "nested": "boolean = false",
   "navigationLayout": "NavigationLayout",
   "columns": "number | string = 8",
   "optionsCount": "number",
   "dropdownId": "string",
-  "disableTriggerClick": "boolean = false"
+  "disableTriggerClick": "boolean = false",
+  "onFocusCapture": "React.FocusEventHandler<HTMLDivElement>",
+  "onBlurCapture": "React.FocusEventHandler<HTMLDivElement>"
  },
  "mixinsRef": []
 }

package/ai/components/Effect.json

@@ -0,0 +1,133 @@
+{
+ "name": "Effect",
+ "group": "components",
+ "extends": [
+  "Flex"
+ ],
+ "mixins": [
+  "CommonProps",
+  "DisplayProps",
+  "FlexProps",
+  "SizeProps",
+  "SpacingProps",
+  "StyleProps"
+ ],
+ "props": {
+  "type": "EffectType = none",
+  "colors": "string[]",
+  "speed": "number",
+  "reducedMotion": "boolean | \"auto\"",
+  "blob": "Omit<React.ComponentProps<typeof BlobFx>, \"children\">",
+  "matrix": "Omit<React.ComponentProps<typeof MatrixFx>, \"children\">",
+  "weather": "Omit<React.ComponentProps<typeof WeatherFx>, \"children\">",
+  "particle": "Omit<React.ComponentProps<typeof Particle>, \"children\">",
+  "celebration": "Omit<React.ComponentProps<typeof CelebrationFx>, \"children\">",
+  "children": "React.ReactNode"
+ },
+ "mixinsRef": [
+  "CommonProps",
+  "DisplayProps",
+  "FlexProps",
+  "SizeProps",
+  "SpacingProps",
+  "StyleProps"
+ ],
+ "tokensRef": "see spec.json mixins",
+ "resolvedMixins": {
+  "CommonProps": {
+   "onBackground": "Colors",
+   "onSolid": "Colors",
+   "align": "CSSProperties[\"textAlign\"]"
+  },
+  "DisplayProps": {
+   "as": "ElementType",
+   "inline": "boolean",
+   "hide": "boolean",
+   "pointerEvents": "\"none\" | \"all\" | \"auto\"",
+   "position": "CSSProperties[\"position\"]",
+   "overflow": "CSSProperties[\"overflow\"]",
+   "overflowX": "CSSProperties[\"overflowX\"]",
+   "overflowY": "CSSProperties[\"overflowY\"]",
+   "scrollbar": "\"default\" | \"minimal\"",
+   "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
+   "opacity": "Opacity",
+   "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
+   "dark": "boolean",
+   "light": "boolean"
+  },
+  "FlexProps": {
+   "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
+   "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
+   "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
+   "center": "boolean",
+   "wrap": "boolean",
+   "flex": "FlexValue"
+  },
+  "SizeProps": {
+   "width": "number | SpacingToken | CSSUnit",
+   "height": "number | SpacingToken | CSSUnit",
+   "maxWidth": "number | SpacingToken | CSSUnit",
+   "minWidth": "number | SpacingToken | CSSUnit",
+   "minHeight": "number | SpacingToken | CSSUnit",
+   "maxHeight": "number | SpacingToken | CSSUnit",
+   "fit": "boolean",
+   "fitWidth": "boolean",
+   "fitHeight": "boolean",
+   "fill": "boolean",
+   "fillWidth": "boolean",
+   "fillHeight": "boolean",
+   "aspectRatio": "CSSProperties[\"aspectRatio\"]"
+  },
+  "SpacingProps": {
+   "padding": "SpacingToken | number",
+   "paddingLeft": "SpacingToken | number",
+   "paddingRight": "SpacingToken | number",
+   "paddingTop": "SpacingToken | number",
+   "paddingBottom": "SpacingToken | number",
+   "paddingX": "SpacingToken | number",
+   "paddingY": "SpacingToken | number",
+   "margin": "SpacingToken | number",
+   "marginLeft": "SpacingToken | number",
+   "marginRight": "SpacingToken | number",
+   "marginTop": "SpacingToken | number",
+   "marginBottom": "SpacingToken | number",
+   "marginX": "SpacingToken | number",
+   "marginY": "SpacingToken | number",
+   "gap": "SpacingToken | number | \"-1\"",
+   "top": "SpacingToken | number | CSSUnit",
+   "right": "SpacingToken | number | CSSUnit",
+   "bottom": "SpacingToken | number | CSSUnit",
+   "left": "SpacingToken | number | CSSUnit",
+   "translateX": "SpacingToken | number | CSSUnit",
+   "translateY": "SpacingToken | number | CSSUnit"
+  },
+  "StyleProps": {
+   "textVariant": "TextVariant",
+   "textSize": "TextSize",
+   "textType": "TextType",
+   "textWeight": "TextWeight",
+   "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
+   "solid": "Colors",
+   "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
+   "border": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderStyle": "\"solid\" | \"dashed\"",
+   "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
+   "topRadius": "RadiusSize",
+   "rightRadius": "RadiusSize",
+   "bottomRadius": "RadiusSize",
+   "leftRadius": "RadiusSize",
+   "topLeftRadius": "RadiusSize",
+   "topRightRadius": "RadiusSize",
+   "bottomLeftRadius": "RadiusSize",
+   "bottomRightRadius": "RadiusSize",
+   "shadow": "ShadowSize",
+   "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
+   "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
+  }
+ }
+}

package/ai/components/Fade.json

@@ -17,7 +17,7 @@
   "to": "\"bottom\" | \"top\" | \"left\" | \"right\" = bottom",
   "base": "BaseColor = page",
   "blur": "number = 0.5",
-  "pattern": "{ display?: boolean; size?: SpacingToken; } = {\r\n        display: false,\r\n        size: \"4\",\r\n      }",
+  "pattern": "{ display?: boolean; size?: SpacingToken; } = { display: false, size: \"4\", }",
   "style": "React.CSSProperties",
   "children": "ReactNode"
  },

package/ai/components/Feedback.json

@@ -14,7 +14,7 @@
  ],
  "props": {
   "variant": "\"info\" | \"danger\" | \"warning\" | \"success\" = info",
-  "icon": "boolean = true",
+  "showIcon": "boolean = true",
   "title": "string",
   "description": "string",
   "showCloseButton": "boolean = false",

package/ai/components/IconButton.json

@@ -5,7 +5,7 @@
   "icon": "IconName = refresh",
   "id": "string",
   "size": "TShirtSizes = m",
-  "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+  "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
   "rounded": "boolean = false",
   "tooltip": "ReactNode",
   "tooltipPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = top",

package/ai/components/InfoTip.json

@@ -0,0 +1,125 @@
+{
+ "name": "InfoTip",
+ "group": "components",
+ "extends": [
+  "Flex"
+ ],
+ "mixins": [
+  "CommonProps",
+  "DisplayProps",
+  "FlexProps",
+  "SizeProps",
+  "SpacingProps",
+  "StyleProps"
+ ],
+ "props": {
+  "children": "React.ReactNode",
+  "size": "React.ComponentProps<typeof Icon>[\"size\"] = xs"
+ },
+ "mixinsRef": [
+  "CommonProps",
+  "DisplayProps",
+  "FlexProps",
+  "SizeProps",
+  "SpacingProps",
+  "StyleProps"
+ ],
+ "tokensRef": "see spec.json mixins",
+ "resolvedMixins": {
+  "CommonProps": {
+   "onBackground": "Colors",
+   "onSolid": "Colors",
+   "align": "CSSProperties[\"textAlign\"]"
+  },
+  "DisplayProps": {
+   "as": "ElementType",
+   "inline": "boolean",
+   "hide": "boolean",
+   "pointerEvents": "\"none\" | \"all\" | \"auto\"",
+   "position": "CSSProperties[\"position\"]",
+   "overflow": "CSSProperties[\"overflow\"]",
+   "overflowX": "CSSProperties[\"overflowX\"]",
+   "overflowY": "CSSProperties[\"overflowY\"]",
+   "scrollbar": "\"default\" | \"minimal\"",
+   "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
+   "opacity": "Opacity",
+   "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
+   "dark": "boolean",
+   "light": "boolean"
+  },
+  "FlexProps": {
+   "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
+   "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
+   "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
+   "center": "boolean",
+   "wrap": "boolean",
+   "flex": "FlexValue"
+  },
+  "SizeProps": {
+   "width": "number | SpacingToken | CSSUnit",
+   "height": "number | SpacingToken | CSSUnit",
+   "maxWidth": "number | SpacingToken | CSSUnit",
+   "minWidth": "number | SpacingToken | CSSUnit",
+   "minHeight": "number | SpacingToken | CSSUnit",
+   "maxHeight": "number | SpacingToken | CSSUnit",
+   "fit": "boolean",
+   "fitWidth": "boolean",
+   "fitHeight": "boolean",
+   "fill": "boolean",
+   "fillWidth": "boolean",
+   "fillHeight": "boolean",
+   "aspectRatio": "CSSProperties[\"aspectRatio\"]"
+  },
+  "SpacingProps": {
+   "padding": "SpacingToken | number",
+   "paddingLeft": "SpacingToken | number",
+   "paddingRight": "SpacingToken | number",
+   "paddingTop": "SpacingToken | number",
+   "paddingBottom": "SpacingToken | number",
+   "paddingX": "SpacingToken | number",
+   "paddingY": "SpacingToken | number",
+   "margin": "SpacingToken | number",
+   "marginLeft": "SpacingToken | number",
+   "marginRight": "SpacingToken | number",
+   "marginTop": "SpacingToken | number",
+   "marginBottom": "SpacingToken | number",
+   "marginX": "SpacingToken | number",
+   "marginY": "SpacingToken | number",
+   "gap": "SpacingToken | number | \"-1\"",
+   "top": "SpacingToken | number | CSSUnit",
+   "right": "SpacingToken | number | CSSUnit",
+   "bottom": "SpacingToken | number | CSSUnit",
+   "left": "SpacingToken | number | CSSUnit",
+   "translateX": "SpacingToken | number | CSSUnit",
+   "translateY": "SpacingToken | number | CSSUnit"
+  },
+  "StyleProps": {
+   "textVariant": "TextVariant",
+   "textSize": "TextSize",
+   "textType": "TextType",
+   "textWeight": "TextWeight",
+   "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
+   "solid": "Colors",
+   "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
+   "border": "Colors | \"surface\" | \"transparent\" | boolean",
+   "borderStyle": "\"solid\" | \"dashed\"",
+   "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
+   "topRadius": "RadiusSize",
+   "rightRadius": "RadiusSize",
+   "bottomRadius": "RadiusSize",
+   "leftRadius": "RadiusSize",
+   "topLeftRadius": "RadiusSize",
+   "topRightRadius": "RadiusSize",
+   "bottomLeftRadius": "RadiusSize",
+   "bottomRightRadius": "RadiusSize",
+   "shadow": "ShadowSize",
+   "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
+   "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
+  }
+ }
+}

package/ai/components/Input.json

@@ -5,16 +5,17 @@
   "id": "!string",
   "label": "string",
   "placeholder": "string",
-  "height": "TShirtSizes = m",
+  "size": "TShirtSizes = m",
   "error": "boolean = false",
   "errorMessage": "ReactNode",
   "description": "ReactNode",
-  "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
+  "corners": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
   "className": "string",
   "style": "React.CSSProperties",
-  "hasPrefix": "ReactNode",
-  "hasSuffix": "ReactNode",
+  "prefix": "ReactNode",
+  "suffix": "ReactNode",
   "variant": "\"default\" | \"ghost\" = default",
+  "focusRing": "boolean = false",
   "characterCount": "boolean",
   "cursor": "undefined | \"interactive\"",
   "validate": "(value: ReactNode) => ReactNode | null",

package/ai/components/Legend.json

@@ -1,6 +1,7 @@
 {
  "name": "Legend",
- "group": "modules",
+ "group": "data",
+ "importFrom": "@once-ui-system/core/data",
  "props": {
   "payload": "readonly Record<string, any>[]",
   "labels": "\"x\" | \"y\" | \"both\" | \"none\" = both",

package/ai/components/LineBarChart.json

@@ -1,12 +1,12 @@
 {
  "name": "LineBarChart",
- "group": "modules",
+ "group": "data",
+ "importFrom": "@once-ui-system/core/data",
  "extends": [
-  "LineBarChart.impl",
-  "interfaces",
   "Flex"
  ],
  "mixins": [
+  "ChartProps",
   "CommonProps",
   "DisplayProps",
   "FlexProps",
@@ -14,7 +14,22 @@
   "SpacingProps",
   "StyleProps"
  ],
+ "props": {
+  "barWidth": "BarWidth = l",
+  "curve": "curveType = natural",
+  "reverseY": "boolean = false",
+  "reverseX": "boolean = false",
+  "data-viz-style": "string",
+  "legend": "LegendConfig = {}",
+  "error": "boolean = false",
+  "tooltip": "boolean = true",
+  "grid": "\"x\" | \"y\" | \"both\" | \"none\" = y",
+  "axis": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+  "loading": "boolean = false",
+  "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
+ },
  "mixinsRef": [
+  "ChartProps",
   "CommonProps",
   "DisplayProps",
   "FlexProps",
@@ -24,6 +39,22 @@
  ],
  "tokensRef": "see spec.json mixins",
  "resolvedMixins": {
+  "ChartProps": {
+   "title": "React.ReactNode",
+   "description": "React.ReactNode",
+   "series": "!SeriesConfig | SeriesConfig[]",
+   "data": "!DataPoint[]",
+   "legend": "LegendConfig",
+   "date": "DateConfig",
+   "emptyState": "React.ReactNode",
+   "errorState": "React.ReactNode",
+   "error": "boolean",
+   "tooltip": "boolean",
+   "grid": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "axis": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "variant": "ChartVariant",
+   "loading": "boolean"
+  },
   "CommonProps": {
    "onBackground": "Colors",
    "onSolid": "Colors",

package/ai/components/LineChart.json

@@ -1,12 +1,12 @@
 {
  "name": "LineChart",
- "group": "modules",
+ "group": "data",
+ "importFrom": "@once-ui-system/core/data",
  "extends": [
-  "LineChart.impl",
-  "interfaces",
   "Flex"
  ],
  "mixins": [
+  "ChartProps",
   "CommonProps",
   "DisplayProps",
   "FlexProps",
@@ -14,7 +14,27 @@
   "SpacingProps",
   "StyleProps"
  ],
+ "props": {
+  "curve": "curveType = natural",
+  "reverseY": "boolean = false",
+  "reverseX": "boolean = false",
+  "animation": "boolean = true",
+  "animationBegin": "number",
+  "animationDuration": "number",
+  "animationEasing": "unknown",
+  "xAxisType": "\"number\" | \"category\"",
+  "xDomain": "[number, number]",
+  "data-viz-style": "string",
+  "legend": "LegendConfig = {}",
+  "error": "boolean = false",
+  "tooltip": "boolean = true",
+  "grid": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+  "axis": "\"x\" | \"y\" | \"both\" | \"none\" = both",
+  "loading": "boolean = false",
+  "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
+ },
  "mixinsRef": [
+  "ChartProps",
   "CommonProps",
   "DisplayProps",
   "FlexProps",
@@ -24,6 +44,22 @@
  ],
  "tokensRef": "see spec.json mixins",
  "resolvedMixins": {
+  "ChartProps": {
+   "title": "React.ReactNode",
+   "description": "React.ReactNode",
+   "series": "!SeriesConfig | SeriesConfig[]",
+   "data": "!DataPoint[]",
+   "legend": "LegendConfig",
+   "date": "DateConfig",
+   "emptyState": "React.ReactNode",
+   "errorState": "React.ReactNode",
+   "error": "boolean",
+   "tooltip": "boolean",
+   "grid": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "axis": "\"x\" | \"y\" | \"both\" | \"none\"",
+   "variant": "ChartVariant",
+   "loading": "boolean"
+  },
   "CommonProps": {
    "onBackground": "Colors",
    "onSolid": "Colors",

package/ai/components/LinearGauge.json

@@ -1,6 +1,7 @@
 {
  "name": "LinearGauge",
- "group": "modules",
+ "group": "data",
+ "importFrom": "@once-ui-system/core/data",
  "extends": [
   "Flex"
  ],
@@ -19,7 +20,7 @@
   "value": "number = 50",
   "labels": "\"none\" | \"percentage\" | string[] = none",
   "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
-  "color": "string = contrast"
+  "color": "ColorValue = contrast"
  },
  "mixinsRef": [
   "CommonProps",

package/ai/components/LinearGradient.json

@@ -1,6 +1,7 @@
 {
  "name": "LinearGradient",
- "group": "modules",
+ "group": "data",
+ "importFrom": "@once-ui-system/core/data",
  "props": {
   "id": "!string",
   "color": "!string",

package/ai/components/Logo.json

@@ -5,8 +5,8 @@
   "className": "string",
   "size": "TShirtSizes = m",
   "style": "React.CSSProperties",
-  "icon": "string",
-  "wordmark": "string",
+  "icon": "LogoSource",
+  "wordmark": "LogoSource",
   "href": "string",
   "dark": "boolean",
   "light": "boolean",

package/ai/components/Media.json

@@ -24,7 +24,7 @@
   "sizes": "string | number = 100vw",
   "priority": "boolean",
   "caption": "ReactNode",
-  "fill": "boolean = false",
+  "stretch": "boolean = false",
   "fillWidth": "boolean = true",
   "loop": "boolean = true",
   "autoplay": "boolean = true",

package/ai/components/MediaUpload.json

@@ -1,8 +1,8 @@
 {
  "name": "MediaUpload",
- "group": "modules",
+ "group": "media",
+ "importFrom": "@once-ui-system/core/media",
  "extends": [
-  "MediaUpload.impl",
   "Flex"
  ],
  "mixins": [
@@ -13,6 +13,25 @@
   "SpacingProps",
   "StyleProps"
  ],
+ "props": {
+  "onFileUpload": "(file: File) => Promise<void>",
+  "compress": "boolean = true",
+  "aspectRatio": "string = 16 / 9",
+  "className": "string",
+  "style": "React.CSSProperties",
+  "initialPreviewImage": "string | null = null",
+  "emptyState": "React.ReactNode = Drag and drop or click to browse",
+  "quality": "number = 0.8",
+  "sizes": "string",
+  "children": "React.ReactNode",
+  "convertTypes": "string[] = [\"image/png\", \"image/webp\", \"image/jpg\"]",
+  "resizeMaxWidth": "number = 1920",
+  "resizeMaxHeight": "number = 1920",
+  "resizeWidth": "number = 1200",
+  "resizeHeight": "number = 1200",
+  "loading": "boolean = false",
+  "accept": "string = image/*"
+ },
  "mixinsRef": [
   "CommonProps",
   "DisplayProps",

package/ai/components/Modal.json

@@ -5,7 +5,7 @@
   "children": "!React.ReactNode",
   "backdrop": "React.ReactNode",
   "title": "!React.ReactNode",
-  "isOpen": "!boolean",
+  "open": "!boolean",
   "onClose": "!() => void"
  },
  "mixinsRef": []