@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/types/src/docs/JunoComponentWrapper/JunoComponentWrapper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare function JunoComponentWrapper(props: JunoComponentWrapperProps): React.JSX.Element | undefined;
+interface JunoComponentWrapperProps {
+    children?: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=JunoComponentWrapper.d.ts.map

package/build/types/src/docs/JunoComponentWrapper/JunoComponentWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JunoComponentWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/docs/JunoComponentWrapper/JunoComponentWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AASlD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,iCA4BpE;AAED,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/types/src/hooks/useEndlessScrollList.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+interface UseEndlessScrollListOptions {
+    delay?: number;
+    showLoading?: boolean;
+    loadingObject?: React.ReactNode;
+    showRef?: boolean;
+    refFunction?: RefFunction;
+}
+type RefFunction = (node: Element) => undefined;
+export declare const useEndlessScrollList: (items: unknown[], options?: UseEndlessScrollListOptions) => {
+    scrollListItems: unknown[] | undefined;
+    iterator: {
+        map: (elements: (value: unknown, index: number, array: unknown[]) => React.JSX.Element) => React.JSX.Element;
+    };
+};
+export {};
+//# sourceMappingURL=useEndlessScrollList.d.ts.map

package/build/types/src/hooks/useEndlessScrollList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndlessScrollList.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useEndlessScrollList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuE,MAAM,OAAO,CAAA;AAgB3F,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,SAAS,CAAA;AAE/C,eAAO,MAAM,oBAAoB,UAAW,OAAO,EAAE,YAAW,2BAA2B;;;wBA4CrE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;CA0B3F,CAAA"}

package/build/types/src/hooks/useEndlessScrollList.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useEndlessScrollList.test.d.ts.map

package/build/types/src/hooks/useEndlessScrollList.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndlessScrollList.test.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useEndlessScrollList.test.tsx"],"names":[],"mappings":""}

package/build/types/src/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACpD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3D;;;;;;;EAOE;AACF,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0BnF;AAED,eAAe,eAAe,CAAA"}

package/build/types/src/index.d.ts

@@ -0,0 +1,107 @@
+export { AppBody } from './components/AppBody/AppBody.component';
+export { AppShell } from './components/AppShell/AppShell.component';
+export { AppShellProvider } from './components/AppShellProvider/AppShellProvider.component';
+export { Badge } from './components/Badge/Badge.component';
+export { Box } from './components/Box/Box.component';
+export { Breadcrumb } from './components/Breadcrumb/Breadcrumb.component';
+export { BreadcrumbItem } from './components/BreadcrumbItem/BreadcrumbItem.component';
+export { Button } from './components/Button/Button.component';
+export { ButtonRow } from './components/ButtonRow/ButtonRow.component';
+export { Checkbox } from './components/Checkbox/Checkbox.component';
+export { CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.component';
+export { Code } from './components/Code/Code.component';
+export { CodeBlock } from './components/CodeBlock/CodeBlock.component';
+export { ComboBox } from './components/ComboBox/ComboBox.component';
+export { ComboBoxOption } from './components/ComboBoxOption/ComboBoxOption.component';
+export { ContentHeading } from './components/ContentHeading/ContentHeading.component';
+export { ContentAreaToolbar } from './components/ContentAreaToolbar/ContentAreaToolbar.component';
+export { ContentContainer } from './components/ContentContainer/ContentContainer.component';
+export { Container } from './components/Container/Container.component';
+export { ContextMenu } from './components/ContextMenu/ContextMenu.component';
+export { DataGrid } from './components/DataGrid/DataGrid.component';
+export { DataGridCell } from './components/DataGridCell/DataGridCell.component';
+export { DataGridHeadCell } from './components/DataGridHeadCell/DataGridHeadCell.component';
+export { DataGridRow } from './components/DataGridRow/DataGridRow.component';
+export { DataGridToolbar } from './components/DataGridToolbar/DataGridToolbar.component';
+export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.component';
+export { Form } from './components/Form/Form.component';
+export { FormattedText } from './components/FormattedText/FormattedText.component';
+export { FormRow } from './components/FormRow/FormRow.component';
+export { FormSection } from './components/FormSection/FormSection.component';
+export { Grid } from './components/Grid/Grid.component';
+export { GridRow } from './components/GridRow/GridRow.component';
+export { GridColumn } from './components/GridColumn/GridColumn.component';
+export { HeaderContainer } from './components/HeaderContainer/HeaderContainer.component';
+export { Icon } from './components/Icon/Icon.component';
+export { InputGroup } from './components/InputGroup/InputGroup.component';
+export { IntroBox } from './components/IntroBox/IntroBox.component';
+export { JsonViewer } from './components/JsonViewer/JsonViewer.component';
+export { Label } from './components/Label/Label.component';
+export { LoadingIndicator } from './components/LoadingIndicator/LoadingIndicator.component';
+export { MainContainer } from './components/MainContainer/MainContainer.component';
+export { MainContainerInner } from './components/MainContainerInner/MainContainerInner.component';
+export { MainTabs } from './components/MainTabs//MainTabs.component';
+export { Menu } from './components/Menu/Menu.component';
+export { MenuItem } from './components/MenuItem/MenuItem.component';
+export { MenuSection } from './components/MenuSection/MenuSection.component';
+export { Message } from './components/Message/Message.component';
+export { Modal } from './components/Modal/Modal.component';
+export { ModalFooter } from './components/ModalFooter/ModalFooter.component';
+export { NativeSelect } from './components/NativeSelect/NativeSelect.component';
+export { NativeSelectOption } from './components/NativeSelectOption/NativeSelectOption.component';
+export { NativeSelectOptionGroup } from './components/NativeSelectOptionGroup/NativeSelectOptionGroup.component';
+export { Panel } from './components/Panel/Panel.component';
+export { PanelBody } from './components/PanelBody/PanelBody.component';
+export { PanelFooter } from './components/PanelFooter/PanelFooter.component';
+export { PageFooter } from './components/PageFooter/PageFooter.component';
+export { PageHeader } from './components/PageHeader/PageHeader.component';
+export { Pagination } from './components/Pagination/Pagination.component';
+export { Pill } from './components/Pill/Pill.component';
+export { PortalProvider, usePortalRef } from './components/PortalProvider/PortalProvider.component';
+export { Radio } from './components/Radio/Radio.component';
+export { RadioGroup } from './components/RadioGroup/RadioGroup.component';
+export { SearchInput } from './components/SearchInput/SearchInput.component';
+export { SecretText } from './components/SecretText/SecretText.component';
+export { SelectDivider } from './components/SelectDivider/SelectDivider.component';
+export { Select } from './components/Select/Select.component';
+export { SelectOption } from './components/SelectOption/SelectOption.component';
+export { ShadowRoot } from './components/ShadowRoot/ShadowRoot.component';
+export { SideNavigation } from './components/SideNavigation/SideNavigation.component';
+export { SideNavigationItem } from './components/SideNavigationItem/SideNavigationItem.component';
+export { Spinner } from './components/Spinner/Spinner.component';
+export { Stack } from './components/Stack/Stack.component';
+export { StyleProvider } from './components/StyleProvider/StyleProvider.component';
+export { Switch } from './components/Switch/Switch.component';
+export { Tab } from './components/Tab/Tab.component';
+export { TabList } from './components/TabList/TabList.component';
+export { TabNavigation } from './components/TabNavigation/TabNavigation.component';
+export { TabNavigationItem } from './components/TabNavigationItem/TabNavigationItem.component';
+export { TabPanel } from './components/TabPanel/TabPanel.component';
+export { Textarea } from './components/Textarea/Textarea.component';
+export { Tabs } from './components/Tabs/Tabs.component';
+export { TextInput } from './components/TextInput/TextInput.component';
+export { ThemeToggle } from './components/ThemeToggle/ThemeToggle.component';
+export { Toast } from './components/Toast/Toast.component';
+export { Tooltip } from './components/Tooltip/Tooltip.component';
+export { TooltipContent } from './components/TooltipContent/TooltipContent.component';
+export { TooltipTrigger } from './components/TooltipTrigger/TooltipTrigger.component';
+export { TopNavigation } from './components/TopNavigation/TopNavigation.component';
+export { TopNavigationItem } from './components/TopNavigationItem/TopNavigationItem.component';
+export { useEndlessScrollList } from './hooks/useEndlessScrollList';
+export { AppIntro } from './deprecated_js/AppIntro/AppIntro.component';
+export { CheckboxRow } from './deprecated_js/CheckboxRow';
+export { ContentArea } from './deprecated_js/ContentArea/ContentArea.component';
+export { ContentAreaWrapper } from './deprecated_js/ContentAreaWrapper/ContentAreaWrapper.component';
+export { DataList } from './deprecated_js/DataList/DataList.component';
+export { DataListCell } from './deprecated_js/DataListCell/DataListCell.component';
+export { DataListCheckboxCell } from './deprecated_js/DataListCheckboxCell/DataListCheckboxCell.component';
+export { DataListRow } from './deprecated_js/DataListRow/DataListRow.component';
+export { FilterInput } from './deprecated_js/FilterInput/FilterInput.component';
+export { FilterPill } from './deprecated_js/FilterPill/FilterPill.component';
+export { Filters } from './deprecated_js/Filters/Filters.component';
+export { RadioRow } from './deprecated_js/RadioRow';
+export { SelectRow } from './deprecated_js/SelectRow';
+export { SwitchRow } from './deprecated_js/SwitchRow';
+export { TextareaRow } from './deprecated_js/TextareaRow';
+export { TextInputRow } from './deprecated_js/TextInputRow';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,20 @@
 {
   "name": "@cloudoperators/juno-ui-components",
   "private": false,
-  "main": "build/index.js",
-  "module": "build/index.js",
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.33.0",
+  "version": "2.35.0",
+  "types": "build/index.d.ts",
+  "exports": {
+    "./index": "./build/index.js",
+    ".": "./build/index.js",
+    "./lib/variables.css": "./build/lib/variables.css",
+    "./lib/variables.js": "./build/lib/variables.js",
+    "./build/lib/tailwind.config": {
+      "default": "./tailwind.config.js"
+    },
+    "./tailwind.config.js": "./tailwind.config.js"
+  },
   "files": [
     "build/*",
     "src/colors.css",
@@ -23,76 +32,68 @@
     "npm": ">=10.0.0 <11.0.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-parameters": "^7.22.15",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/plugin-transform-parameters": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
     "@cloudoperators/juno-config": "*",
-    "@floating-ui/react": "^0.25.4",
-    "@headlessui-float/react": "^0.11.4",
-    "@headlessui/react": "^1.7.19",
-    "@material-design-icons/svg": "^0.14.13",
-    "@mdx-js/react": "^2.0.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.1.3",
-    "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-docs": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/manager-api": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-webpack5": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/rollup": "^6.2.1",
-    "@svgr/webpack": "^6.5.1",
-    "@testing-library/dom": "^10.3.2",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.12",
-    "@vitejs/plugin-react": "^4.3.3",
-    "add": "^2.0.6",
-    "autoprefixer": "^10.4.20",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^8.2.5",
-    "css-loader": "^6.11.0",
+    "@floating-ui/react": "0.25.4",
+    "@headlessui-float/react": "0.15.0",
+    "@headlessui/react": "1.7.19",
+    "@material-design-icons/svg": "0.14.13",
+    "@mdx-js/react": "2.3.0",
+    "@storybook/addon-docs": "8.4.6",
+    "@storybook/addon-essentials": "8.4.6",
+    "@storybook/addon-interactions": "8.4.6",
+    "@storybook/addon-links": "8.4.6",
+    "@storybook/addon-mdx-gfm": "8.4.6",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
+    "@storybook/blocks": "8.4.6",
+    "@storybook/manager-api": "8.4.6",
+    "@storybook/react": "8.4.6",
+    "@storybook/react-webpack5": "8.4.6",
+    "@storybook/test": "8.4.6",
+    "@svgr/webpack": "6.5.1",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/react": "18.3.12",
+    "@vitejs/plugin-react": "4.3.4",
+    "add": "2.0.6",
+    "autoprefixer": "10.4.20",
+    "babel-jest": "29.7.0",
+    "babel-loader": "8.4.1",
+    "css-loader": "6.11.0",
     "flatpickr": "4.6.13",
-    "focus-trap-react": "^10.2.3",
-    "glob": "^8.1.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "jsdom": "^24.1.3",
-    "node-sass-glob-importer": "^3.0.2",
-    "postcss": "^8.4.47",
-    "postcss-loader": "^8.1.1",
-    "postcss-url": "^10.1.3",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-jss": "^10.8.2",
-    "react-tabs": "^4.2.1",
-    "react-test-renderer": "^18.2.0",
-    "regenerator-runtime": "^0.13.11",
-    "rollup": "^4.0.2",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-babel-minify": "^10.0.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-includepaths": "^0.2.4",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.49.11",
-    "sass-loader": "^12.6.0",
-    "storybook": "^8.2.9",
-    "style-loader": "^3.3.4",
-    "tailwindcss": "^3.3.7",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.5.4",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.0.5"
+    "focus-trap-react": "10.3.1",
+    "glob": "8.1.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jsdom": "24.1.3",
+    "node-sass-glob-importer": "3.0.2",
+    "postcss": "8.4.49",
+    "postcss-loader": "8.1.1",
+    "postcss-url": "10.1.3",
+    "prop-types": "15.8.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-jss": "10.10.0",
+    "react-tabs": "4.3.0",
+    "react-test-renderer": "18.3.1",
+    "regenerator-runtime": "0.14.1",
+    "sass": "^1.81.1",
+    "sass-loader": "12.6.0",
+    "storybook": "8.4.6",
+    "style-loader": "3.3.4",
+    "tailwindcss": "3.4.15",
+    "ts-loader": "9.5.1",
+    "typescript": "5.7.2",
+    "vite": "5.4.8",
+    "vite-plugin-dts": "4.3.0",
+    "vite-plugin-glob": "^0.3.2",
+    "vite-plugin-svgr": "4.3.0",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "2.1.1"
   },
   "peerDependencies": {
     "prop-types": "15.8.1",
@@ -101,9 +102,9 @@
   },
   "scripts": {
     "storybook": "storybook dev -p $APP_PORT --ci --no-open",
+    "build": "vite build",
     "build-storybook": "storybook build",
-    "build": "NODE_ENV=production rollup -c",
-    "dev": "NODE_ENV=development rollup -c -w",
+    "dev": "vite",
     "lint": "eslint",
     "test": "npm run test-vitest && npm run test-jest",
     "test-vitest": "vitest run",

package/tailwind.config.js

@@ -16,7 +16,7 @@ function withOpacity(variableName) {
   }
 }
 
-module.exports = {
+export default {
   content: [
     "./src/components/**/*.{js,jsx,ts,tsx,mdx}",
     "./src/dummyComponents/*.{js,jsx,ts,tsx,mdx}",

package/build/AppBody.component-C9lIZEeC.js

@@ -1,5 +0,0 @@
-import React__default from"react";const containerStyles=`
-  jn-flex
-  jn-flex-col
-  jn-h-full
-`,AppBody=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-body ${containerStyles} ${d}`,...c},b)};export{AppBody as A};

package/build/AppBody.js

@@ -1 +0,0 @@
-export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import"react";

package/build/AppIntro.component-BnwrDrke.js

@@ -1,6 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const introStyles=`
-  jn-pt-16
-  jn-pb-14
-  jn-text-xl
-  in-pr-[45%]
-`,AppIntro=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",_extends({className:`juno-app-intro ${introStyles} ${d}`},c),b)};AppIntro.propTypes={className:PropTypes.string,children:PropTypes.any};export{AppIntro as A};

package/build/AppIntro.js

@@ -1 +0,0 @@
-export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";

package/build/AppShell.component-Hk_XAW1E.js

@@ -1 +0,0 @@
-import React__default from"react";import{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";import{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";import{H as HeaderContainer}from"./HeaderContainer.component-CWj3SLQY.js";const AppShell=a=>{let{children:b,className:g="",contentHeading:h="",embedded:i=!1,fullWidthContent:c,pageHeader:j=React__default.createElement(PageHeader,null),pageFooter:k=React__default.createElement(PageFooter,null),sideNavigation:d,topNavigation:e,...f}=a;h&&h.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content.");return React__default.createElement(AppBody,{className:g,...f},h||"",i?(React__default.createElement(React__default.Fragment,null,e&&React__default.createElement(HeaderContainer,null,e),React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==c,hasSideNav:!!d,className:`${e?"jn-mt-[3.875rem]":""}`},d&&d,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,((a,b)=>a||b?(React__default.createElement(HeaderContainer,{fullWidth:!0===c},a&&"string"==typeof a?React__default.createElement(PageHeader,{heading:a}):a,b)):null)(j,e),React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!(!0!==c),hasSideNav:!!d,className:"jn-mt-[3.875rem]"},d,React__default.createElement(ContentContainer,null,b))),k?k:React__default.createElement(PageFooter,null))))};export{AppShell as A};

package/build/AppShell.js

@@ -1 +0,0 @@
-export{A as AppShell}from"./AppShell.component-Hk_XAW1E.js";import"react";import"./AppBody.component-C9lIZEeC.js";import"./PageHeader.component-DqYR6Yyo.js";import"./MainContainer.component-DV_tQlek.js";import"./MainContainerInner.component-DhiRjgBx.js";import"./ContentContainer.component-8A2F9nlM.js";import"./PageFooter.component-CeD5DCjY.js";import"./HeaderContainer.component-CWj3SLQY.js";

package/build/AppShellProvider.component-Be1Q5mjZ.js

@@ -1 +0,0 @@
-import React__default from"react";import PropTypes from"prop-types";import{S as ShadowRoot,a as StyleProvider}from"./StyleProvider.component-CqbWBDF7.js";import{P as PortalProvider}from"./PortalProvider.component-B2hXHP-c.js";const AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=null,children:b}=a;const g=React__default.useCallback(a=>{let{children:b}=a;return c?React__default.createElement(ShadowRoot,{mode:d},b):b},[c,d]);return React__default.createElement(g,null,React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};AppShellProvider.propTypes={shadowRoot:PropTypes.bool,shadowRootMode:PropTypes.oneOf(["open","closed"]),stylesWrapper:PropTypes.oneOf(["head","inline"]),theme:PropTypes.string,children:PropTypes.any};export{AppShellProvider as A};

package/build/AppShellProvider.js

@@ -1 +0,0 @@
-export{A as AppShellProvider}from"./AppShellProvider.component-Be1Q5mjZ.js";import"react";import"prop-types";import"./StyleProvider.component-CqbWBDF7.js";import"react-dom";import"./ibm-plex-DkmjUb78.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./PortalProvider.component-B2hXHP-c.js";

package/build/Badge.component-CLaF9Up0.js

@@ -1,15 +0,0 @@
-import React__default from"react";import{I as Icon,K as KnownIconsEnum}from"./Icon.component-ClhnejN0.js";const badgeBaseStyles=`
-  jn-rounded
-  jn-text-sm
-  jn-text-theme-default
-  jn-py-0.5
-  jn-px-1
-  jn-justify-center
-  jn-items-center
-`,badgeVariantStyles={default:"jn-bg-theme-badge-default",info:"jn-bg-theme-info/25",success:"jn-bg-theme-success/25",warning:"jn-bg-theme-warning/25",danger:"jn-bg-theme-danger/25",error:"jn-bg-theme-error/25"},iconStyles="jn-mr-1 jn-items-center",getVariantStyle=a=>badgeVariantStyles[a]||badgeVariantStyles.default,getIcon=(a,b)=>"string"==typeof a&&isValidIcon(a)?a:!0===a?b:void 0,getIconColor=(a,b)=>!0===a?`jn-text-theme-${b}`:void 0,isValidIcon=a=>{const b=new Set(Object.values(KnownIconsEnum));return b.has(a)},Badge=a=>{let{variant:c="default",icon:d=!1,text:e="",className:f="",children:g=null,...b}=a;const h=getIcon(d,c),i=getIconColor(d,c);return React__default.createElement("span",{className:`
-        juno-badge 
-        juno-badge-${c} 
-        ${badgeBaseStyles} 
-        ${getVariantStyle(c)} 
-        ${d?"jn-inline-flex":""} 
-        ${f}`,...b},h&&React__default.createElement(Icon,{icon:h,size:"1.125rem",className:iconStyles,color:i}),g||e)};export{Badge as B};

package/build/Badge.js

@@ -1 +0,0 @@
-export{B as Badge}from"./Badge.component-CLaF9Up0.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/Box.component-V4TDnAgb.js

@@ -1,10 +0,0 @@
-import React__default from"react";const boxStyles=`
-  jn-text-sm
-  jn-rounded
-  jn-bg-theme-box-default
-  jn-border
-  jn-border-theme-box-default
-`,boxPadding=`
-  jn-py-1
-  jn-px-2
-`,Box=a=>{let{children:c=null,unpad:d=!1,className:e="",...b}=a;const f=`juno-box ${boxStyles} ${d?"":boxPadding} ${e}`;return React__default.createElement("div",{className:f,...b},c)};export{Box as B};

package/build/Box.js

@@ -1 +0,0 @@
-export{B as Box}from"./Box.component-V4TDnAgb.js";import"react";

package/build/Breadcrumb.component-BSGoKK2S.js

@@ -1 +0,0 @@
-import React__default,{Children}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";const Breadcrumb=a=>{let{children:c=null,className:d="",...b}=a;const e=Children.toArray(c).filter(React__default.isValidElement),f=e.map((a,b)=>(React__default.createElement(React__default.Fragment,{key:b},React__default.createElement(BreadcrumbItem,{...a.props}),b<e.length-1&&React__default.createElement(Icon,{icon:"chevronRight"}))));return React__default.createElement(Stack,{className:`juno-breadcrumb ${d}`,gap:"1",...b},f)};export{Breadcrumb as B};

package/build/Breadcrumb.js

@@ -1 +0,0 @@
-export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";import"./BreadcrumbItem.component-C99Dj0IW.js";

package/build/BreadcrumbItem.component-C99Dj0IW.js

@@ -1,14 +0,0 @@
-import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";const breadcrumbItemBaseStyles=`
-  jn-text-sm
-  jn-text-theme-high
-  jn-flex
-  jn-gap-1
-  jn-items-center
-`,breadcrumbLinkBaseStyles=`
-  jn-text-theme-high
-  jn-inline-flex
-`,BreadcrumbItem=a=>{let{icon:d=null,href:e="#",label:f="Item",ariaLabel:g="",active:h=!1,children:i=null,onClick:b,disabled:j=!1,className:k="",...c}=a;if(i)return React__default.createElement(React__default.Fragment,null,i);const l=d?(React__default.createElement(Icon,{icon:d,size:"18",color:"jn-text-theme-default",className:f?"jn-mr-1":""})):null,m=`juno-breadcrumb-item 
-    ${breadcrumbItemBaseStyles} 
-    ${j?"juno-breadcrumb-item-disabled":""} 
-    ${h?"juno-breadcrumb-item-active":""} 
-    ${k}`;if(h||j)return React__default.createElement("span",{className:m,...c},l,f);return React__default.createElement("span",{className:m,...c},React__default.createElement("a",{href:e,className:breadcrumbLinkBaseStyles,"aria-label":g||f,onClick:a=>{b&&!j&&b(a)}},l,f))};export{BreadcrumbItem as B};

package/build/BreadcrumbItem.js

@@ -1 +0,0 @@
-export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/Button.component-liw0UuGT.js

@@ -1,56 +0,0 @@
-import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";const btnBase=`
-  jn-font-bold
-  jn-inline-flex 
-  jn-justify-center 
-  jn-items-center
-  jn-rounded
-  jn-shadow-sm 
-  jn-w-auto
-  focus:jn-outline-none 
-  focus-visible:jn-ring-2
-  focus-visible:jn-ring-theme-focus
-  focus-visible:jn-ring-offset-1
-  focus-visible:jn-ring-offset-theme-focus
-  disabled:jn-opacity-50
-  disabled:jn-cursor-not-allowed
-  disabled:jn-pointer-events-none
-`,btnSmallBase=`
-  jn-text-sm
-  jn-leading-5
-`,btnDefaultBase=`
-  jn-text-base
-  jn-leading-6
-`,btnSmallDefaultPadding=`
-  jn-py-[0.3125rem]
-  jn-px-[0.5rem]
-`,btnSmallSubduedPadding=`
-  jn-py-[0.25rem]
-  jn-px-[0.4375rem]
-`,btnDefaultPadding=`
-  jn-py-[0.4375rem]
-  jn-px-[0.625rem] 
-`,btnDefaultSubduedPadding=`
-  jn-py-[0.375rem]
-  jn-px-[0.5625rem]
-`,getButtonPadding=(a,b)=>"small"===a?"subdued"===b?`${btnSmallSubduedPadding}`:`${btnSmallDefaultPadding}`:"subdued"===b?`${btnDefaultSubduedPadding}`:`${btnDefaultPadding}`,btnIconSmall=`
-  jn-mr-2
-`,btnIconDefault=`
-  jn-mr-2
-`,iconClasses=a=>"small"===a?`${btnIconSmall}`:`${btnIconDefault}`,progressClass=a=>{const b=a?`in-progress`:``;return b},spinnerColorClass=a=>"default"===a?"jn-text-theme-accent":"primary"===a?"jn-text-white":"primary-danger"===a?"jn-text-white":"",Button=React__default.forwardRef((a,b)=>{let{label:c,title:h=null,variant:d,size:i="default",disabled:j=null,href:k=null,icon:l=null,className:m="",onClick:e,children:f,progress:n=!1,progressLabel:o="",...g}=a;const p=d||"default",q=h||c||"",r=n?(React__default.createElement(Spinner,{size:"small"===i?"1.125rem":"1.5rem",color:`${spinnerColorClass(p)}`})):l?(React__default.createElement(Icon,{icon:l,title:q,className:`juno-button-icon ${c||f?iconClasses(i):""} `,size:"small"===i?"1.125rem":"1.5rem"})):null,s=n&&o?o:c||f,t=React__default.createElement("button",{className:`
-          juno-button 
-          juno-button-${p} 
-          juno-button-${i}-size 
-          ${btnBase} 
-          ${"small"===i?btnSmallBase:btnDefaultBase} 
-          ${getButtonPadding(i,d)}
-          ${progressClass(n)} 
-          ${m}`,disabled:j||void 0,onClick:a=>{e&&e(a)},ref:b,...g,type:"button",title:q},r,s),u=React__default.createElement("a",{href:k||void 0,role:"button",className:`
-          juno-button 
-          juno-button-${p} 
-          juno-button-${i}-size 
-          ${btnBase} 
-          ${"small"===i?btnSmallBase:btnDefaultBase}
-          ${getButtonPadding(i,d)}
-          ${progressClass(n)} 
-          ${m}
-        `,disabled:j,onClick:e,ref:b,...g,title:q},r,s);return k?u:t});Button.displayName="Button";export{Button as B};

package/build/Button.js

@@ -1 +0,0 @@
-export{B as Button}from"./Button.component-liw0UuGT.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";

package/build/ButtonRow.component-CzhKhK_N.js

@@ -1 +0,0 @@
-import React__default from"react";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,{gap:"2",distribution:"end",className:`juno-button-row ${d}`,...b},c)};export{ButtonRow as B};

package/build/ButtonRow.js

@@ -1 +0,0 @@
-export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";import"react";import"./Stack.component-Pe-1jf3W.js";

package/build/Checkbox.component-DgDvGt3W.js

@@ -1,77 +0,0 @@
-import React__default,{useContext,useState,useEffect,useMemo,useId}from"react";import{a as CheckboxGroupContext}from"./CheckboxGroup.component-B_uoXPNo.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const wrapperStyles=`
-  jn-inline-flex
-  jn-items-center
-`,inputstyles=`
-  jn-w-4
-  jn-h-4
-  jn-opacity-0
-  jn-z-50
-`,mockcheckboxstyles=`
-  jn-relative
-  jn-w-4
-  jn-h-4
-  jn-rounded-sm
-  jn-bg-theme-checkbox
-  jn-cursor-pointer
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-`,mockfocusstyles=`
-  jn-ring-2
-  jn-ring-theme-focus
-`,mockcheckmarkstyles=`
-  jn-absolute
-  jn-top-0
-  jn-left-0
-  jn-text-theme-checkbox-checked
-  jn-fill-current
-`,mockindeterminatestyles=`
-  jn-absolute
-  jn-w-2
-  jn-h-0.5
-  jn-top-1.5
-  jn-left-[.2rem]
-  jn-inline-block
-  jn-bg-theme-focus
-`,mockdisabledstyles=`
-  jn-pointer-events-none
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,noBorderStyles=`
-  jn-border
-  jn-border-transparent
-`,errorstyles=`
-  jn-border
-  jn-border-theme-error
-`,successstyles=`
-  jn-border
-  jn-border-theme-success
-`,labelStyles=`
-  jn-leading-0
-  jn-ml-2
-`,iconStyles=`
-  jn-ml-1
-`,hintStyles=`
-  jn-mt-0
-  jn-ml-6
-`,Checkbox=a=>{let{checked:g=!1,className:h="",disabled:i=!1,errortext:j="",helptext:k="",id:l="",indeterminate:m=!1,invalid:n=!1,label:b,name:o="",onChange:c,onClick:d,required:p=!1,successtext:q="",valid:r=!1,value:e,...f}=a;const s=a=>"string"!=typeof a||0!==a.trim().length,t=useContext(CheckboxGroupContext),{selectedOptions:u,name:v,disabled:w,handleCheckboxChange:x,updateSelectedValue:y}=t||{},[z,A]=useState((()=>t?!!(u&&u.includes(e)):!!g)()),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1),[H,I]=useState(!1);useEffect(()=>{g&&t&&y&&y(e)},[]),useEffect(()=>{t||A(g)},[g]);const J=useMemo(()=>n||!!(j&&s(j)),[n,j]),K=useMemo(()=>r||!!(q&&s(q)),[r,q]);useEffect(()=>{C(m)},[m]),useEffect(()=>{G(J)},[J]),useEffect(()=>{I(K)},[K]);const L=()=>t?!!(u&&u.includes(e)):z,M=l||(()=>"juno-checkbox-"+useId())();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:`jn-checkbox-wrapper ${wrapperStyles}`},React__default.createElement("div",{className:`
-            juno-checkbox 
-            ${mockcheckboxstyles} 
-            ${D?mockfocusstyles:""} 
-            ${w||i?mockdisabledstyles:""} 
-            ${F?errorstyles:""} 
-            ${H?successstyles:""} 
-            ${F||H?"":noBorderStyles}
-            ${h}
-          `,...f},L()?(React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${mockcheckmarkstyles}`,width:"16",height:"16",viewBox:"0 0 16 16"},React__default.createElement("polygon",{points:"5.75 11.15 2.6 8 1.55 9.05 5.75 13.25 14.75 4.25 13.7 3.2"}))):"",React__default.createElement("input",{checked:L(),className:`
-              ${inputstyles} 
-              ${F?"juno-checkbox-invalid":""} 
-              ${H?"juno-checkbox-valid":""} 
-              ${w||i?"jn-cursor-not-allowed":""}
-            `,disabled:w||i,id:M,name:v||o,onBlur:()=>{E(!1)},onChange:a=>{A(!z),x&&"function"==typeof x&&x(e),c&&c(a)},onClick:a=>{d&&d(a)},onFocus:()=>{E(!0)},type:"checkbox",value:e}),B&&!L()?React__default.createElement("div",{className:`${mockindeterminatestyles}`}):""),b&&s(b)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:b,htmlFor:M,disabled:w||i,required:p,className:`${labelStyles}`}),F?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`
-                  ${iconStyles}
-                  ${w||i?"jn-opacity-50":""}
-                `})):"",H?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`
-                  ${iconStyles}
-                  ${i?"jn-opacity-50":""}
-                `})):"")):""),j&&s(j)?(React__default.createElement(FormHint,{text:j,variant:"error",className:`${hintStyles}`})):"",q&&s(q)?(React__default.createElement(FormHint,{text:q,variant:"success",className:`${hintStyles}`})):"",k&&s(k)?React__default.createElement(FormHint,{text:k,className:`${hintStyles}`}):"")};export{Checkbox as C};

package/build/Checkbox.js

@@ -1 +0,0 @@
-export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";import"react";import"./CheckboxGroup.component-B_uoXPNo.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";