bonkers-ui 1.0.72 → 1.0.74

package/eslint.config.mjs

@@ -0,0 +1,91 @@
+import react from "eslint-plugin-react";
+import tseslint from "typescript-eslint";
+import stylisticPlugin from "@stylistic/eslint-plugin";
+import storybook from "eslint-plugin-storybook";
+import pluginTailwind from "eslint-plugin-tailwindcss";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	{
+		files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+		plugins: {
+			react,
+			"@stylistic": stylisticPlugin,
+		},
+		languageOptions: {
+			parserOptions: {
+				ecmaFeatures: {
+					jsx: true,
+				},
+			},
+		},
+		rules: {
+			quotes: [
+				"error",
+				"double",
+				{
+					avoidEscape: true,
+					allowTemplateLiterals: true,
+				},
+			],
+			"no-multiple-empty-lines": [
+				"error",
+				{
+					max: 1,
+					maxEOF: 0,
+				},
+			],
+			// indent: ["error", "tab"],
+			"object-curly-spacing": ["error", "always"],
+			semi: ["error", "always"],
+			"max-len": ["error", {
+				"code": 120,
+				"tabWidth": 4,
+				"ignoreStrings": true,
+				"ignoreTemplateLiterals": true,
+				"ignoreRegExpLiterals": true,
+				"ignoreUrls": true,
+				"ignoreComments": true,
+				"ignoreTrailingComments": true,
+				ignorePattern: 'd="([\\s\\S]*?)"',
+			}],
+			"@stylistic/indent": ["error", "tab"],
+			"@stylistic/no-mixed-spaces-and-tabs": "error",
+			"react/jsx-curly-spacing": [2, {
+				"when": "always",
+				"children": true
+			}],
+			"react/jsx-indent": ["error", "tab"],
+			"tailwindcss/no-custom-classname": "off",
+			"object-curly-newline": ["error", {
+				"ObjectExpression": {
+					"multiline": true,
+					"minProperties": 1,
+				},
+				"ImportDeclaration": {
+					"multiline": true,
+					"minProperties": 5,
+				}
+			}],
+			"object-property-newline": "error",
+			"space-before-blocks": ["error", "always"],
+			"keyword-spacing": "error",
+			"key-spacing": "error",
+			"multiline-ternary": ["error", "always-multiline"],
+			"operator-linebreak": ["error", "before"],
+			"@typescript-eslint/no-duplicate-enum-values": 0,
+			"no-unused-vars": "off",
+			"@typescript-eslint/no-unused-vars": [
+				"error", // or "error"
+				{
+					"argsIgnorePattern": "^_",
+					"varsIgnorePattern": "^_",
+					"caughtErrorsIgnorePattern": "^_"
+				}
+			]
+		},
+	},
+	...tseslint.configs.recommended,
+	...storybook.configs["flat/recommended"],
+	...pluginTailwind.configs["flat/recommended"]
+];

package/helper.d.ts

@@ -0,0 +1 @@
+export declare const getCssVariableValue: (variable: string) => string;

package/index.d.ts

@@ -1,43 +1,18 @@
-import { App } from 'vue';
-
-declare const BonkersUI: {
-    install(app: App): void;
-};
-export default BonkersUI;
-export { UiAlert, EAlertTypes } from './components/ui-alert';
-export { UiBackdrop } from './components/ui-modal/ui-backdrop';
-export { UiBadge, EBadgeKind, EBadgeSize } from './components/ui-badge';
-export { UiBerRank, EBerSize } from './components/ui-ber-rank';
-export { UiButton, EButtonSizes, EButtonTypes } from './components/ui-button';
-export { UiCardCta } from './components/ui-card-cta';
-export { UiCardResult } from './components/ui-card-result';
-export { UiCardSimple } from './components/ui-card-simple';
-export { UiCheckbox } from './components/ui-checkbox';
-export { UiDropdown, EDropdownKinds } from './components/ui-dropdown';
-export { UiIcon, ESize } from './components/ui-icon';
-export { UiIconWrapper, EIconWrapperTypes, EIconWrapperSizes } from './components/ui-icon-wrapper';
-export { UiInput, EInputType, EInputKinds, EAutocomplete } from './components/ui-input';
-export { UiInputRange } from './components/ui-input-range';
-export { UiListItem, EListItemTypes, EListItemSpacing, EListItemSize } from './components/ui-list-item';
-export { UiMediaCard } from './components/ui-media-card';
-export { UiModal, EModalSizes } from './components/ui-modal';
-export { UiNotificationBadge, EBadgeOrigin } from './components/ui-notification-badge';
-export { UiOrderCard } from './components/ui-order-card';
-export { UiPlainRadio } from './components/ui-plain-radio';
-export { UiProgress } from './components/ui-progress';
-export { UiRadio } from './components/ui-radio';
-export { UiRadioCompact } from './components/ui-radio-compact';
-export { UiRadioFancy } from './components/ui-radio-fancy';
-export { UiResultCardRange } from './components/ui-result-card-range';
-export { UiRipple } from './components/ui-ripple';
-export { UiSelect } from './components/ui-select';
-export { UiSkeleton } from './components/ui-skeleton';
-export { UiSnackbar, ESnackbarTypes } from './components/ui-snackbar';
-export { UiTable, ETableKind, ERowKind } from './components/ui-table';
-export { UiTableCell } from './components/ui-table/ui-table-cell';
-export { UiTableRow } from './components/ui-table/ui-table-row';
-export { UiTabs } from './components/ui-tabs';
-export { UiToggle } from './components/ui-toggle';
-export { UiTypography, EColors, ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from './components/ui-typography';
-export { UiVerificationInput } from './components/ui-verification-input';
-//# sourceMappingURL=index.d.ts.map
+export * as UiAlert from './components/UiAlert';
+export * as UiBerRank from './components/UiBerRank';
+export * as UiButton from './components/UiButton';
+export * as UiCheckbox from './components/UiCheckbox';
+export * as UiIcon from './components/UiIcon';
+export * as UiInputRange from './components/UiInputRange';
+export * as UiList from './components/UiList';
+export * as UiRadio from './components/UiRadio';
+export * as UiPlainRadio from './components/UiPlainRadio';
+export * as UiPills from './components/UiPills';
+export * as UiProductCard from './components/UiProductCard';
+export * as UiProgress from './components/UiProgress';
+export * as UiRadioFancy from './components/UiRadioFancy';
+export * as UiSkeleton from './components/UiSkeleton';
+export * as UiTable from './components/UiTable';
+export * as UiTypography from './components/UiTypography';
+export * as UiToggle from './components/UiToggle';
+export * as UiTabs from './components/UiTabs';

package/index.js

@@ -1,210 +1,39 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.ui-ber-rank__icon_medium{height:60px}.ui-ber-rank__icon_small{height:30px}
-.notification-badge{padding:2px}
-.ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import "vue";
-import * as i from "./types.js";
-import * as a from "./components/ui-alert/index.js";
-import * as t from "./components/ui-modal/ui-backdrop/index.js";
-import * as m from "./components/ui-badge/index.js";
-import * as p from "./components/ui-ber-rank/index.js";
-import * as f from "./components/ui-button/index.js";
-import * as d from "./components/ui-card-cta/index.js";
-import * as s from "./components/ui-card-result/index.js";
-import * as x from "./components/ui-card-simple/index.js";
-import * as n from "./components/ui-checkbox/index.js";
-import * as l from "./components/ui-dropdown/index.js";
-import * as U from "./components/ui-icon/index.js";
-import * as u from "./components/ui-icon-wrapper/index.js";
-import * as $ from "./components/ui-input/index.js";
-import * as c from "./components/ui-input-range/index.js";
-import * as E from "./components/ui-list-item/index.js";
-import * as g from "./components/ui-modal/index.js";
-import * as T from "./components/ui-notification-badge/index.js";
-import * as C from "./components/ui-order-card/index.js";
-import * as R from "./components/ui-plain-radio/index.js";
-import * as I from "./components/ui-progress/index.js";
-import * as S from "./components/ui-radio/index.js";
-import * as y from "./components/ui-radio-compact/index.js";
-import * as B from "./components/ui-radio-fancy/index.js";
-import * as b from "./components/ui-result-card-range/index.js";
-import * as k from "./components/ui-ripple/index.js";
-import * as z from "./components/ui-select/index.js";
-import * as h from "./components/ui-skeleton/index.js";
-import * as w from "./components/ui-snackbar/index.js";
-import * as A from "./components/ui-table/index.js";
-import * as K from "./components/ui-table/ui-table-cell/index.js";
-import * as L from "./components/ui-table/ui-table-row/index.js";
-import * as M from "./components/ui-tabs/index.js";
-import * as P from "./components/ui-toggle/index.js";
-import * as W from "./components/ui-typography/index.js";
-import * as O from "./components/ui-verification-input/index.js";
-import * as D from "./components/ui-product-card/index.js";
-import * as j from "./components/ui-media-card/index.js";
-import { default as J } from "./components/ui-alert/ui-alert.vue.js";
-import { default as X } from "./components/ui-badge/ui-badge.vue.js";
-import { default as Z } from "./components/ui-ber-rank/ui-ber-rank.vue.js";
-
-import { default as oo } from "./components/ui-button/ui-button.vue.js";
-import { default as eo } from "./components/ui-card-cta/ui-card-cta.vue.js";
-import { default as ao } from "./components/ui-card-simple/ui-card-simple.vue.js";
-import { default as mo } from "./components/ui-dropdown/ui-dropdown.vue.js";
-import { default as fo } from "./components/ui-input/ui-input.vue.js";
-import { default as xo } from "./components/ui-list-item/ui-list-item.vue.js";
-import { default as lo } from "./components/ui-media-card/ui-media-card.vue.js";
-import { default as uo } from "./components/ui-notification-badge/ui-notification-badge.vue.js";
-
-import { default as co } from "./components/ui-order-card/ui-order-card.vue.js";
-import { default as go } from "./components/ui-plain-radio/ui-plain-radio.vue.js";
-import { default as Co } from "./components/ui-progress/ui-progress.vue.js";
-import { default as Io } from "./components/ui-radio-compact/ui-radio-compact.vue.js";
-import { default as yo } from "./components/ui-radio-fancy/ui-radio-fancy.vue.js";
-import { default as bo } from "./components/ui-result-card-range/ui-result-card-range.vue.js";
-import { default as zo } from "./components/ui-ripple/ui-ripple.vue.js";
-
-import { default as wo } from "./components/ui-select/ui-select.vue.js";
-import { default as Ko } from "./components/ui-skeleton/ui-skeleton.vue.js";
-import { default as Mo } from "./components/ui-snackbar/ui-snackbar.vue.js";
-import { default as Wo } from "./components/ui-table/ui-table-cell/ui-table-cell.vue.js";
-import { EAlertTypes as Do } from "./components/ui-alert/_types.js";
-import { default as Fo } from "./components/ui-modal/ui-backdrop/ui-backdrop.vue.js";
-import { EBadgeKind as Vo, EBadgeSize as qo } from "./components/ui-badge/_typings.js";
-import { EBerSize as Go } from "./components/ui-ber-rank/_types.js";
-import { EButtonSizes as Jo, EButtonTypes as Qo } from "./components/ui-button/_typings.js";
-import { default as Yo } from "./components/ui-card-result/ui-card-result.vue.js";
-import { default as _o } from "./components/ui-checkbox/ui-checkbox.vue.js";
-import { EDropdownKinds as rr } from "./components/ui-dropdown/_typings.js";
-import { default as ir } from "./components/ui-icon/ui-icon.vue.js";
-import { ESize as tr } from "./_types/sizing.js";
-import { default as pr } from "./components/ui-icon-wrapper/ui-icon-wrapper.vue.js";
-import { EIconWrapperSizes as dr, EIconWrapperTypes as sr } from "./components/ui-icon-wrapper/_typings.js";
-import { EAutocomplete as nr, EInputKinds as lr, EInputType as Ur } from "./components/ui-input/_typings.js";
-import { default as $r } from "./components/ui-input-range/ui-input-range.vue.js";
-import { EListItemSize as Er, EListItemSpacing as gr, EListItemTypes as Tr } from "./components/ui-list-item/_types.js";
-import { default as Rr } from "./components/ui-modal/ui-modal.vue.js";
-import { EModalSizes as Sr } from "./components/ui-modal/_typings.js";
-import { EBadgeOrigin as Br } from "./components/ui-notification-badge/_types.js";
-import { default as kr } from "./components/ui-radio/ui-radio.vue.js";
-import { ESnackbarTypes as hr } from "./components/ui-snackbar/_types.js";
-import { default as Ar } from "./components/ui-table/ui-table.vue.js";
-import { ETableKind as Lr } from "./components/ui-table/_types.js";
-import { ERowKind as Pr } from "./components/ui-table/ui-table-row/_typings.js";
-import { default as Or } from "./components/ui-table/ui-table-row/ui-table-row.vue.js";
-import { default as jr } from "./components/ui-tabs/ui-tabs.vue.js";
-import { default as Nr } from "./components/ui-toggle/ui-toggle.vue.js";
-import { default as qr } from "./components/ui-typography/ui-typography.vue.js";
-import { EColors as Gr } from "./_types/colors.js";
-import { ETextAlign as Jr, ETextTransform as Qr, ETextWeight as Xr, ETypographySizes as Yr } from "./components/ui-typography/_typings.js";
-import { default as _r } from "./components/ui-verification-input/ui-verification-input.vue.js";
-const o = {
-  UiAlert: a,
-  UiBackdrop: t,
-  UiBadge: m,
-  UiBerRank: p,
-  UiButton: f,
-  UiCardCta: d,
-  UiCardResult: s,
-  UiCardSimple: x,
-  UiCheckbox: n,
-  UiDropdown: l,
-  UiIcon: U,
-  UiIconWrapper: u,
-  UiInput: $,
-  UiInputRange: c,
-  UiListItem: E,
-  UiMediaCard: j,
-  UiModal: g,
-  UiNotificationBadge: T,
-  UiOrderCard: C,
-  UiProductCard: D,
-  UiPlainRadio: R,
-  UiProgress: I,
-  UiRadio: S,
-  UiRadioCompact: y,
-  UiRadioFancy: B,
-  UiResultCardRange: b,
-  UiRipple: k,
-  UiSelect: z,
-  UiSkeleton: h,
-  //UiSlider,
-  UiSnackbar: w,
-  UiTable: A,
-  UiTableCell: K,
-  UiTableRow: L,
-  UiTabs: M,
-  UiToggle: P,
-  UiTypography: W,
-  UiVerificationInput: O,
-  types: i
-}, v = {
-  install(e) {
-    Object.keys(o).forEach((r) => {
-      e.component(o[r].name, o[r]);
-    });
-  }
-};
+import * as o from "./components/UiAlert/index.js";
+import * as r from "./components/UiBerRank/index.js";
+import * as i from "./components/UiButton/index.js";
+import * as a from "./components/UiCheckbox/index.js";
+import * as e from "./components/UiIcon/index.js";
+import * as t from "./components/UiInputRange/index.js";
+import * as s from "./components/UiList/index.js";
+import * as p from "./components/UiRadio/index.js";
+import * as x from "./components/UiPlainRadio/index.js";
+import * as m from "./components/UiPills/index.js";
+import * as n from "./components/UiProductCard/index.js";
+import * as d from "./components/UiProgress/index.js";
+import * as f from "./components/UiRadioFancy/index.js";
+import * as U from "./components/UiSkeleton/index.js";
+import * as $ from "./components/UiTable/index.js";
+import * as l from "./components/UiTypography/index.js";
+import * as g from "./components/UiToggle/index.js";
+import * as c from "./components/UiTabs/index.js";
 export {
-  Do as EAlertTypes,
-  nr as EAutocomplete,
-  Vo as EBadgeKind,
-  Br as EBadgeOrigin,
-  qo as EBadgeSize,
-  Go as EBerSize,
-  Jo as EButtonSizes,
-  Qo as EButtonTypes,
-  Gr as EColors,
-  rr as EDropdownKinds,
-  dr as EIconWrapperSizes,
-  sr as EIconWrapperTypes,
-  lr as EInputKinds,
-  Ur as EInputType,
-  Er as EListItemSize,
-  gr as EListItemSpacing,
-  Tr as EListItemTypes,
-  Sr as EModalSizes,
-  Pr as ERowKind,
-  tr as ESize,
-  hr as ESnackbarTypes,
-  Lr as ETableKind,
-  Jr as ETextAlign,
-  Qr as ETextTransform,
-  Xr as ETextWeight,
-  Yr as ETypographySizes,
-  J as UiAlert,
-  Fo as UiBackdrop,
-  X as UiBadge,
-  Z as UiBerRank,
-  oo as UiButton,
-  eo as UiCardCta,
-  Yo as UiCardResult,
-  ao as UiCardSimple,
-  _o as UiCheckbox,
-  mo as UiDropdown,
-  ir as UiIcon,
-  pr as UiIconWrapper,
-  fo as UiInput,
-  $r as UiInputRange,
-  xo as UiListItem,
-  lo as UiMediaCard,
-  Rr as UiModal,
-  uo as UiNotificationBadge,
-  co as UiOrderCard,
-  go as UiPlainRadio,
-  Co as UiProgress,
-  kr as UiRadio,
-  Io as UiRadioCompact,
-  yo as UiRadioFancy,
-  bo as UiResultCardRange,
-  zo as UiRipple,
-  wo as UiSelect,
-  Ko as UiSkeleton,
-  Mo as UiSnackbar,
-  Ar as UiTable,
-  Wo as UiTableCell,
-  Or as UiTableRow,
-  jr as UiTabs,
-  Nr as UiToggle,
-  qr as UiTypography,
-  _r as UiVerificationInput,
-  v as default
+  o as UiAlert,
+  r as UiBerRank,
+  i as UiButton,
+  a as UiCheckbox,
+  e as UiIcon,
+  t as UiInputRange,
+  s as UiList,
+  m as UiPills,
+  x as UiPlainRadio,
+  n as UiProductCard,
+  d as UiProgress,
+  p as UiRadio,
+  f as UiRadioFancy,
+  U as UiSkeleton,
+  $ as UiTable,
+  c as UiTabs,
+  g as UiToggle,
+  l as UiTypography
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { type App, defineComponent } from \"vue\";\nimport * as types from \"./types\";\nimport * as UiAlert from \"./components/ui-alert\";\nimport * as UiBackdrop from \"./components/ui-modal/ui-backdrop\";\nimport * as UiBadge from \"./components/ui-badge\";\nimport * as UiBerRank from \"./components/ui-ber-rank\";\nimport * as UiButton from \"./components/ui-button\";\nimport * as UiCardCta from \"./components/ui-card-cta\";\nimport * as UiCardResult from \"./components/ui-card-result\";\nimport * as UiCardSimple from \"./components/ui-card-simple\";\nimport * as UiCheckbox from \"./components/ui-checkbox\";\nimport * as UiDropdown from \"./components/ui-dropdown\";\nimport * as UiIcon from \"./components/ui-icon\";\nimport * as UiIconWrapper from \"./components/ui-icon-wrapper\";\nimport * as UiInput from \"./components/ui-input\";\nimport * as UiInputRange from \"./components/ui-input-range\";\nimport * as UiListItem from \"./components/ui-list-item\";\nimport * as UiModal from \"./components/ui-modal\";\nimport * as UiNotificationBadge from \"./components/ui-notification-badge\";\nimport * as UiOrderCard from \"./components/ui-order-card\";\nimport * as UiPlainRadio from \"./components/ui-plain-radio\";\nimport * as UiProgress from \"./components/ui-progress\";\nimport * as UiRadio from \"./components/ui-radio\";\nimport * as UiRadioCompact from \"./components/ui-radio-compact\";\nimport * as UiRadioFancy from \"./components/ui-radio-fancy\";\nimport * as UiResultCardRange from \"./components/ui-result-card-range\";\nimport * as UiRipple from \"./components/ui-ripple\";\nimport * as UiSelect from \"./components/ui-select\";\nimport * as UiSkeleton from \"./components/ui-skeleton\";\nimport * as UiSnackbar from \"./components/ui-snackbar\";\nimport * as UiTable from \"./components/ui-table\";\nimport * as UiTableCell from \"./components/ui-table/ui-table-cell\";\nimport * as UiTableRow from \"./components/ui-table/ui-table-row\";\nimport * as UiTabs from \"./components/ui-tabs\";\nimport * as UiToggle from \"./components/ui-toggle\";\nimport * as UiTypography from \"./components/ui-typography\";\nimport * as UiVerificationInput from \"./components/ui-verification-input\";\nimport * as UiProductCard from \"./components/ui-product-card\";\nimport * as UiMediaCard from \"./components/ui-media-card\";\n\nconst Components: Record<string, ReturnType<typeof defineComponent>> = {\n\tUiAlert,\n\tUiBackdrop,\n\tUiBadge,\n\tUiBerRank,\n\tUiButton,\n\tUiCardCta,\n\tUiCardResult,\n\tUiCardSimple,\n\tUiCheckbox,\n\tUiDropdown,\n\tUiIcon,\n\tUiIconWrapper,\n\tUiInput,\n\tUiInputRange,\n\tUiListItem,\n\tUiMediaCard,\n\tUiModal,\n\tUiNotificationBadge,\n\tUiOrderCard,\n\tUiProductCard,\n\tUiPlainRadio,\n\tUiProgress,\n\tUiRadio,\n\tUiRadioCompact,\n\tUiRadioFancy,\n\tUiResultCardRange,\n\tUiRipple,\n\tUiSelect,\n\tUiSkeleton,\n\t//UiSlider,\n\tUiSnackbar,\n\tUiTable,\n\tUiTableCell,\n\tUiTableRow,\n\tUiTabs,\n\tUiToggle,\n\tUiTypography,\n\tUiVerificationInput,\n\ttypes\n};\n\n// for use with global app.use() in consumer project\nconst BonkersUI = {\n\tinstall(app: App) {\n\t\tObject.keys(Components).forEach((component) => {\n\t\t\tapp.component(Components[component].name, Components[component]);\n\t\t});\n\t}\n};\n\nexport default BonkersUI;\n\nexport { UiAlert, EAlertTypes } from \"./components/ui-alert\";\nexport { UiBackdrop } from \"./components/ui-modal/ui-backdrop\";\nexport { UiBadge, EBadgeKind, EBadgeSize } from \"./components/ui-badge\";\nexport { UiBerRank, EBerSize } from \"./components/ui-ber-rank\";\nexport { UiButton, EButtonSizes, EButtonTypes } from \"./components/ui-button\";\nexport { UiCardCta } from \"./components/ui-card-cta\";\nexport { UiCardResult } from \"./components/ui-card-result\";\nexport { UiCardSimple } from \"./components/ui-card-simple\";\nexport { UiCheckbox } from \"./components/ui-checkbox\";\nexport { UiDropdown, EDropdownKinds } from \"./components/ui-dropdown\";\nexport { UiIcon, ESize } from \"./components/ui-icon\";\nexport { UiIconWrapper, EIconWrapperTypes, EIconWrapperSizes } from \"./components/ui-icon-wrapper\";\nexport { UiInput, EInputType, EInputKinds, EAutocomplete } from \"./components/ui-input\";\nexport { UiInputRange } from \"./components/ui-input-range\";\nexport { UiListItem, EListItemTypes, EListItemSpacing, EListItemSize } from \"./components/ui-list-item\";\nexport { UiMediaCard } from \"./components/ui-media-card\";\nexport { UiModal, EModalSizes } from \"./components/ui-modal\";\nexport { UiNotificationBadge, EBadgeOrigin } from \"./components/ui-notification-badge\";\nexport { UiOrderCard } from \"./components/ui-order-card\";\nexport { UiPlainRadio } from \"./components/ui-plain-radio\";\nexport { UiProgress } from \"./components/ui-progress\";\nexport { UiRadio } from \"./components/ui-radio\";\nexport { UiRadioCompact } from \"./components/ui-radio-compact\";\nexport { UiRadioFancy } from \"./components/ui-radio-fancy\";\nexport { UiResultCardRange } from \"./components/ui-result-card-range\";\nexport { UiRipple } from \"./components/ui-ripple\";\nexport { UiSelect } from \"./components/ui-select\";\nexport { UiSkeleton } from \"./components/ui-skeleton\";\nexport { UiSnackbar,  ESnackbarTypes  } from \"./components/ui-snackbar\";\nexport { UiTable, ETableKind, ERowKind } from \"./components/ui-table\";\nexport { UiTableCell } from \"./components/ui-table/ui-table-cell\";\nexport { UiTableRow } from \"./components/ui-table/ui-table-row\";\nexport { UiTabs } from \"./components/ui-tabs\";\nexport { UiToggle } from \"./components/ui-toggle\";\nexport { UiTypography, EColors, ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from \"./components/ui-typography\";\nexport { UiVerificationInput } from \"./components/ui-verification-input\";\n"],"names":["Components","UiAlert","UiBackdrop","UiBadge","UiBerRank","UiButton","UiCardCta","UiCardResult","UiCardSimple","UiCheckbox","UiDropdown","UiIcon","UiIconWrapper","UiInput","UiInputRange","UiListItem","UiMediaCard","UiModal","UiNotificationBadge","UiOrderCard","UiProductCard","UiPlainRadio","UiProgress","UiRadio","UiRadioCompact","UiRadioFancy","UiResultCardRange","UiRipple","UiSelect","UiSkeleton","UiSnackbar","UiTable","UiTableCell","UiTableRow","UiTabs","UiToggle","UiTypography","UiVerificationInput","types","BonkersUI","app","component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAMA,IAAiE;AAAA,EAAA,SACtEC;AAAAA,EAAA,YACAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,WACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,WACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,QACAC;AAAAA,EAAA,eACAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,aACAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,qBACAC;AAAAA,EAAA,aACAC;AAAAA,EAAA,eACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,gBACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,mBACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,YACAC;AAAAA;AAAAA,EAAA,YAEAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,aACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,QACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,qBACAC;AAAAA,EACA,OAAAC;AACD,GAGMC,IAAY;AAAA,EACjB,QAAQC,GAAU;AACjB,WAAO,KAAKxC,CAAU,EAAE,QAAQ,CAACyC,MAAc;AAC9C,MAAAD,EAAI,UAAUxC,EAAWyC,CAAS,EAAE,MAAMzC,EAAWyC,CAAS,CAAC;AAAA,IAAA,CAC/D;AAAA,EACF;AACD;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,92 +1,88 @@
 {
     "name": "bonkers-ui",
-    "version": "v1.0.72",
-    "private": false,
+    "version": "v1.0.74",
+    "description": "web version using react",
+    "author": "bonkers.ie",
     "scripts": {
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "build": "vue-tsc && vite build",
-        "lint:script": "eslint --fix './src/**/*.{ts,tsx,vue}'",
-        "lint:style": "stylelint --fix './src/**/*.{css,scss,vue}'",
-        "lint:markup": "vue-tsc --noEmit",
+        "dev": "storybook dev -p 6006",
         "deploy": "gh-pages -d storybook-static",
-        "typecheck": "tsc --noEmit && vue-tsc --noEmit",
-        "test": "vitest run",
-        "pack": "bun postbuild.ts && cd dist && npm pack --pack-destination ../",
+        "lint": "eslint --fix './src/**/*.{ts,tsx}'",
+        "lint:style": "bun run prettier './src/**/*.{css,scss}' --check",
         "upgrade": "bun x npm-check-updates -ui",
+        "build-storybook": "storybook build",
+        "build": "vite build",
+        "typecheck": "tsc --noEmit",
         "i": "bun install --frozen-lockfile",
+        "pack": "bun run build && bun run postbuild.ts && cd dist && npm pack --pack-destination ../",
         "prepare": "husky"
     },
-    "overrides": {
-        "rollup": "npm:@rollup/wasm-node"
-    },
     "dependencies": {
-        "tailwindcss": "^3.4.6",
-        "vue": "^3.4.32"
-    },
-    "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.4.2",
-        "@fortawesome/free-brands-svg-icons": "^6.4.2",
-        "@fortawesome/free-regular-svg-icons": "^6.4.2",
-        "@fortawesome/free-solid-svg-icons": "^6.4.2",
-        "@fortawesome/vue-fontawesome": "^3.0.5",
-        "tailwindcss": "^3.0.0",
-        "vue": "^3.0.0"
+        "classnames": "^2.5.1",
+        "prettier": "^3.4.2",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "stylelint": "^16.12.0",
+        "stylelint-config-standard": "^36.0.1",
+        "stylelint-config-tailwindcss": "^0.0.7",
+        "stylelint-prettier": "^5.0.2",
+        "tailwindcss": "^3.4.17",
+        "vite-tsconfig-paths": "^5.1.4"
     },
     "devDependencies": {
-        "@kalimahapps/eslint-plugin-tailwind": "^1.1.0",
-        "@storybook/addon-essentials": "^8.2.4",
-        "@storybook/addon-links": "^8.2.4",
-        "@storybook/addons": "^7.6.17",
-        "@storybook/vue3": "^8.2.4",
-        "@storybook/vue3-vite": "^8.2.4",
-        "@types/bun": "^1.1.6",
-        "@types/glob": "^8.1.0",
-        "@typescript-eslint/eslint-plugin": "^7.16.1",
-        "@typescript-eslint/parser": "^7.16.1",
-        "@vitejs/plugin-vue": "^5.0.5",
-        "@vue/eslint-config-typescript": "^13.0.0",
-        "@vue/test-utils": "^2.4.6",
-        "autoprefixer": "^10.4.19",
-        "bun-types": "^1.1.20",
-        "eslint": "8.56.0",
-        "eslint-plugin-storybook": "^0.8.0",
-        "eslint-plugin-tailwindcss": "^3.17.4",
-        "eslint-plugin-vue": "^9.27.0",
-        "gh-pages": "^6.1.1",
-        "husky": "9.1.0",
-        "jsdom": "^24.1.0",
-        "lint-staged": "^15.2.7",
-        "postcss": "^8.4.39",
-        "postcss-cli": "^11.0.0",
-        "postcss-html": "^1.7.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "storybook": "^8.2.4",
+        "@chromatic-com/storybook": "^3.2.3",
+        "@storybook/addon-essentials": "^8.4.7",
+        "@storybook/addon-interactions": "^8.4.7",
+        "@storybook/addon-onboarding": "^8.4.7",
+        "@storybook/blocks": "^8.4.7",
+        "@storybook/manager-api": "^8.4.7",
+        "@storybook/preview-api": "^8.4.7",
+        "@storybook/react": "^8.4.7",
+        "@storybook/react-vite": "^8.4.7",
+        "@storybook/test": "^8.4.7",
+        "@stylistic/eslint-plugin": "^2.12.1",
+        "@types/bun": "latest",
+        "@types/react-dom": "^19.0.2",
+        "@vitejs/plugin-react": "^4.3.4",
+        "ajv": "^8.17.1",
+        "autoprefixer": "^10.4.20",
+        "eslint": "^9.17.0",
+        "eslint-plugin-react": "^7.37.3",
+        "eslint-plugin-storybook": "^0.11.2",
+        "eslint-plugin-tailwindcss": "^3.17.5",
+        "gh-pages": "^6.3.0",
+        "husky": "^9.1.7",
+        "lint-staged": "^15.3.0",
+        "postcss": "^8.4.49",
+        "storybook": "^8.4.7",
         "storybook-dark-mode": "^4.0.2",
-        "stylelint": "15.x.x",
-        "stylelint-config-recommended": "^14.0.1",
-        "stylelint-config-recommended-vue": "^1.5.0",
-        "typescript": "^5.5.3",
-        "vite": "^5.3.4",
-        "vite-plugin-css-injected-by-js": "^3.5.1",
-        "vite-plugin-dts": "^3.9.1",
-        "vite-plugin-static-copy": "^1.0.6",
-        "vite-tsconfig-paths": "^4.3.2",
-        "vitest": "^2.0.3",
-        "vue-eslint-parser": "^9.4.3",
-        "vue-loader": "^17.4.2",
-        "vue-router": "^4.4.0",
-        "vue-tsc": "^2.0.26"
+        "typescript": "^5.7.2",
+        "typescript-eslint": "^8.19.1",
+        "vite": "^6.0.7",
+        "vite-plugin-dts": "^4.4.0",
+        "vite-plugin-lib-inject-css": "^2.2.1"
+    },
+    "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "^6.6.0",
+        "@fortawesome/free-brands-svg-icons": "^6.6.0",
+        "@fortawesome/free-regular-svg-icons": "^6.6.0",
+        "@fortawesome/free-solid-svg-icons": "^6.6.0",
+        "@fortawesome/react-fontawesome": "^0.2.2",
+        "classnames": "^2",
+        "react": "^18",
+        "react-dom": "^18",
+        "tailwindcss": "^3"
     },
     "lint-staged": {
-        "*.{ts,tsx,vue}": [
+        "./src/**/*.css": [
+            "bun prettier --check"
+        ],
+        "./src/**/*.{ts,tsx}": [
             "bun eslint --fix",
             "bash -c 'bun typecheck'"
-        ],
-        "*.{css,vue,tsx}": "stylelint --fix"
+        ]
     },
-    "license": "MIT",
+    "keywords": [],
+    "license": "ISC",
     "main": "./bonkers-ui.umd.js",
     "module": "./index.js",
     "types": "./index.d.ts",
@@ -104,6 +100,8 @@
         "./components/*": {
             "types": "./components/*/index.d.ts",
             "import": "./components/*/index.js"
-        }
+        },
+        "./postcss.config.js": "./postcss.config.js",
+        "./eslint.config.mjs": "./eslint.config.mjs"
     }
 }