beans-ui-kit 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +88 -88
  2. package/dist/beansBaseActions.es.ts +30 -28
  3. package/dist/beansBaseActions.umd.ts +1 -1
  4. package/dist/icons.svg +24 -24
  5. package/package.json +36 -36
package/README.md CHANGED
@@ -1,88 +1,88 @@
1
- # beansUiKit
2
-
3
- ## Components
4
-
5
- This UI kit provides a set of reusable Vue 3 components built with TypeScript.
6
-
7
- ### Available Components
8
-
9
- #### 1. BaseInput.vue
10
- **English**: A versatile input component with label support, value binding, and type customization. Emits `valueChanged` event on input changes.
11
-
12
- **Русский**: Универсальный компонент ввода с поддержкой метки, привязкой значения и настройкой типа. Генерирует событие `valueChanged` при изменении ввода.
13
-
14
- **Props**:
15
- - `propsClass` (String, default: 'input') - CSS class for the input
16
- - `propsLabel` (String) - Label text for the input
17
- - `propsValue` (String|Number) - Initial value
18
- - `propsType` (String, default: 'text') - Input type (text, number, email, etc.)
19
-
20
- **Events**:
21
- - `valueChanged` - Emitted when input value changes
22
-
23
- #### 2. BaseButton.vue
24
- **English**: A button component with label support and click event emission. Customizable class and title.
25
-
26
- **Русский**: Компонент кнопки с поддержкой метки и генерацией события клика. Настраиваемый класс и заголовок.
27
-
28
- **Props**:
29
- - `propsClass` (String, default: 'button') - CSS class for the button
30
- - `propsTitle` (String, default: '') - Button text
31
- - `propsLabel` (String) - Label text above the button
32
-
33
- **Events**:
34
- - `clicked` - Emitted when button is clicked
35
-
36
- #### 3. BaseSelect.vue
37
- **English**: A select dropdown component with options array support, label, and value binding. Emits `valueChanged` event on selection change.
38
-
39
- **Русский**: Компонент выпадающего списка с поддержкой массива опций, метки и привязки значения. Генерирует событие `valueChanged` при изменении выбора.
40
-
41
- **Props**:
42
- - `propsClass` (String, default: '') - CSS class for the select
43
- - `propsText` (String, default: '') - Placeholder text
44
- - `propsLabel` (String) - Label text for the select
45
- - `propsValue` (String|Number) - Selected value
46
- - `propsOptions` (Array<unknown>, default: []) - Array of options (can be strings or objects with 'value' property)
47
-
48
- **Events**:
49
- - `valueChanged` - Emitted when selection changes
50
-
51
- #### 4. BaseRadio.vue
52
- **English**: A radio button component with group name support for radio groups. Emits `valueChanged` event with name and value.
53
-
54
- **Русский**: Компонент радиокнопки с поддержкой имени группы для радио-групп. Генерирует событие `valueChanged` с именем и значением.
55
-
56
- **Props**:
57
- - `propsClass` (String, default: 'radio') - CSS class for the radio button
58
- - `propsLabel` (String) - Label text for the radio button
59
- - `propsValue` (String|Number) - Value of this radio option
60
- - `propsName` (String, default: '') - Group name for radio buttons
61
-
62
- **Events**:
63
- - `valueChanged` - Emitted with (groupName, value) when radio is selected
64
-
65
- #### 5. BaseCheckbox.vue
66
- **English**: A checkbox component with status binding and value emission. Emits `valueChanged` event with value and checked state.
67
-
68
- **Русский**: Компонент чекбокса с привязкой статуса и генерацией значения. Генерирует событие `valueChanged` со значением и состоянием выбора.
69
-
70
- **Props**:
71
- - `propsClass` (String, default: 'checkbox') - CSS class for the checkbox
72
- - `propsLabel` (String) - Label text for the checkbox
73
- - `propsValue` (String|Number) - Value associated with this checkbox
74
- - `propsStatus` (Boolean, default: false) - Initial checked status
75
-
76
- **Events**:
77
- - `valueChanged` - Emitted with (value, checkedState) when checkbox state changes
78
-
79
- ## Usage
80
-
81
- Components can be imported individually or through the main export file (`src/components/index.ts`).
82
-
83
- ```typescript
84
- import BaseButton from 'beans-ui-kit';
85
- import BaseInput from 'beans-ui-kit';
86
-
87
- // Or use the index export (currently exports BaseButton and BaseSelect)
88
- import { BaseButton, BaseSelect } from 'beans-ui-kit';
1
+ # beansUiKit
2
+
3
+ ## Components
4
+
5
+ This UI kit provides a set of reusable Vue 3 components built with TypeScript.
6
+
7
+ ### Available Components
8
+
9
+ #### 1. BaseInput.vue
10
+ **English**: A versatile input component with label support, value binding, and type customization. Emits `valueChanged` event on input changes.
11
+
12
+ **Русский**: Универсальный компонент ввода с поддержкой метки, привязкой значения и настройкой типа. Генерирует событие `valueChanged` при изменении ввода.
13
+
14
+ **Props**:
15
+ - `propsClass` (String, default: 'input') - CSS class for the input
16
+ - `propsLabel` (String) - Label text for the input
17
+ - `propsValue` (String|Number) - Initial value
18
+ - `propsType` (String, default: 'text') - Input type (text, number, email, etc.)
19
+
20
+ **Events**:
21
+ - `valueChanged` - Emitted when input value changes
22
+
23
+ #### 2. BaseButton.vue
24
+ **English**: A button component with label support and click event emission. Customizable class and title.
25
+
26
+ **Русский**: Компонент кнопки с поддержкой метки и генерацией события клика. Настраиваемый класс и заголовок.
27
+
28
+ **Props**:
29
+ - `propsClass` (String, default: 'button') - CSS class for the button
30
+ - `propsTitle` (String, default: '') - Button text
31
+ - `propsLabel` (String) - Label text above the button
32
+
33
+ **Events**:
34
+ - `clicked` - Emitted when button is clicked
35
+
36
+ #### 3. BaseSelect.vue
37
+ **English**: A select dropdown component with options array support, label, and value binding. Emits `valueChanged` event on selection change.
38
+
39
+ **Русский**: Компонент выпадающего списка с поддержкой массива опций, метки и привязки значения. Генерирует событие `valueChanged` при изменении выбора.
40
+
41
+ **Props**:
42
+ - `propsClass` (String, default: '') - CSS class for the select
43
+ - `propsText` (String, default: '') - Placeholder text
44
+ - `propsLabel` (String) - Label text for the select
45
+ - `propsValue` (String|Number) - Selected value
46
+ - `propsOptions` (Array<unknown>, default: []) - Array of options (can be strings or objects with 'value' property)
47
+
48
+ **Events**:
49
+ - `valueChanged` - Emitted when selection changes
50
+
51
+ #### 4. BaseRadio.vue
52
+ **English**: A radio button component with group name support for radio groups. Emits `valueChanged` event with name and value.
53
+
54
+ **Русский**: Компонент радиокнопки с поддержкой имени группы для радио-групп. Генерирует событие `valueChanged` с именем и значением.
55
+
56
+ **Props**:
57
+ - `propsClass` (String, default: 'radio') - CSS class for the radio button
58
+ - `propsLabel` (String) - Label text for the radio button
59
+ - `propsValue` (String|Number) - Value of this radio option
60
+ - `propsName` (String, default: '') - Group name for radio buttons
61
+
62
+ **Events**:
63
+ - `valueChanged` - Emitted with (groupName, value) when radio is selected
64
+
65
+ #### 5. BaseCheckbox.vue
66
+ **English**: A checkbox component with status binding and value emission. Emits `valueChanged` event with value and checked state.
67
+
68
+ **Русский**: Компонент чекбокса с привязкой статуса и генерацией значения. Генерирует событие `valueChanged` со значением и состоянием выбора.
69
+
70
+ **Props**:
71
+ - `propsClass` (String, default: 'checkbox') - CSS class for the checkbox
72
+ - `propsLabel` (String) - Label text for the checkbox
73
+ - `propsValue` (String|Number) - Value associated with this checkbox
74
+ - `propsStatus` (Boolean, default: false) - Initial checked status
75
+
76
+ **Events**:
77
+ - `valueChanged` - Emitted with (value, checkedState) when checkbox state changes
78
+
79
+ ## Usage
80
+
81
+ Components can be imported individually or through the main export file (`src/components/index.ts`).
82
+
83
+ ```typescript
84
+ import BaseButton from 'beans-ui-kit';
85
+ import BaseInput from 'beans-ui-kit';
86
+
87
+ // Or use the index export (currently exports BaseButton and BaseSelect)
88
+ import { BaseButton, BaseSelect } from 'beans-ui-kit';
package/dist/beansBaseActions.es.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, ref as s, renderList as c, toDisplayString as l, vModelSelect as u, withDirectives as d } from "vue";
1
+ import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, resolveDynamicComponent as u, toDisplayString as d, vModelSelect as f, withDirectives as p } from "vue";
2
2
  //#region src/components/BaseButton.vue?vue&type=script&lang.ts
3
- var f = i({
3
+ var m = a({
4
4
  components: {},
5
5
  emits: ["clicked"],
6
6
  props: {
@@ -14,23 +14,23 @@ var f = i({
14
14
  },
15
15
  propsLabel: { type: String }
16
16
  }
17
- }), p = (e, t) => {
17
+ }), h = (e, t) => {
18
18
  let n = e.__vccOpts || e;
19
19
  for (let [e, r] of t) n[e] = r;
20
20
  return n;
21
21
  };
22
22
  //#endregion
23
23
  //#region src/components/BaseButton.vue
24
- function m(e, i, s, c, u, d) {
25
- return o(), n("div", { class: a(`${e.propsClass}__wrapper`) }, [e.propsLabel ? (o(), n("label", {
24
+ function g(e, t, a, c, l, u) {
25
+ return s(), r("div", { class: o(`${e.propsClass}__wrapper`) }, [e.propsLabel ? (s(), r("label", {
26
26
  key: 0,
27
- class: a(`${e.propsClass}__label`)
28
- }, l(e.propsLabel), 3)) : t("", !0), r("button", {
29
- onClick: i[0] ||= (t) => e.$emit("clicked"),
30
- class: a(`${e.propsClass}`)
31
- }, l(e.propsTitle), 3)], 2);
27
+ class: o(`${e.propsClass}__label`)
28
+ }, d(e.propsLabel), 3)) : n("", !0), i("button", {
29
+ onClick: t[0] ||= (t) => e.$emit("clicked"),
30
+ class: o(`${e.propsClass}`)
31
+ }, d(e.propsTitle), 3)], 2);
32
32
  }
33
- var h = /* @__PURE__ */ p(f, [["render", m]]), g = i({
33
+ var _ = /* @__PURE__ */ h(m, [["render", g]]), v = a({
34
34
  components: {},
35
35
  emits: ["valueChanged"],
36
36
  props: {
@@ -47,27 +47,29 @@ var h = /* @__PURE__ */ p(f, [["render", m]]), g = i({
47
47
  propsOptions: {
48
48
  type: Array,
49
49
  default: []
50
- }
50
+ },
51
+ labelIcon: { type: Object },
52
+ selectIcon: { type: Object }
51
53
  },
52
54
  setup(e) {
53
- return { selectValue: s(e.propsValue || e.propsOptions[0]) };
55
+ return { selectValue: c(e.propsValue || e.propsOptions[0]) };
54
56
  }
55
- }), _ = ["for"], v = ["id"];
56
- function y(i, s, f, p, m, h) {
57
- return o(), n("div", { class: a(`${i.propsClass}__wrapper`) }, [i.propsLabel ? (o(), n("label", {
57
+ }), y = ["for"], b = ["id"];
58
+ function x(a, c, m, h, g, _) {
59
+ return s(), r("div", { class: o(`${a.propsClass}__wrapper`) }, [a.propsLabel ? (s(), r("label", {
58
60
  key: 0,
59
- class: a(`${i.propsClass}__label`),
60
- for: i.propsClass
61
- }, l(i.propsLabel), 11, _)) : t("", !0), d(r("select", {
62
- class: a(`${i.propsClass}`),
63
- id: i.propsClass,
64
- "onUpdate:modelValue": s[0] ||= (e) => i.selectValue = e,
65
- onChange: s[1] ||= (e) => i.$emit("valueChanged", i.selectValue)
66
- }, [(o(!0), n(e, null, c(i.propsOptions, (e, t) => (o(), n("option", {
61
+ class: o(`${a.propsClass}__label`),
62
+ for: a.propsClass
63
+ }, [i("span", null, d(a.propsLabel), 1), a.labelIcon ? (s(), t(u(a.labelIcon), { key: 0 })) : n("", !0)], 10, y)) : n("", !0), i("div", { class: o(`${a.propsClass}__inner`) }, [p(i("select", {
64
+ class: o(`${a.propsClass}`),
65
+ id: a.propsClass,
66
+ "onUpdate:modelValue": c[0] ||= (e) => a.selectValue = e,
67
+ onChange: c[1] ||= (e) => a.$emit("valueChanged", a.selectValue)
68
+ }, [(s(!0), r(e, null, l(a.propsOptions, (e, t) => (s(), r("option", {
67
69
  key: t,
68
- class: a(`${i.propsClass}__option`)
69
- }, l(e && typeof e == "object" && "value" in e ? e.value : e), 3))), 128))], 42, v), [[u, i.selectValue]])], 2);
70
+ class: o(`${a.propsClass}__option`)
71
+ }, d(e && typeof e == "object" && "value" in e ? e.value : e), 3))), 128))], 42, b), [[f, a.selectValue]]), a.selectIcon ? (s(), t(u(a.selectIcon), { key: 0 })) : n("", !0)], 2)], 2);
70
72
  }
71
- var b = /* @__PURE__ */ p(g, [["render", y]]);
73
+ var S = /* @__PURE__ */ h(v, [["render", x]]);
72
74
  //#endregion
73
- export { h as BaseButton, b as BaseSelect };
75
+ export { _ as BaseButton, S as BaseSelect };
package/dist/beansBaseActions.umd.ts CHANGED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsTitle:{type:String,default:``},propsLabel:{type:String}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};function i(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{onClick:n[0]||=t=>e.$emit(`clicked`),class:(0,t.normalizeClass)(`${e.propsClass}`)},(0,t.toDisplayString)(e.propsTitle),3)],2)}var a=r(n,[[`render`,i]]),o=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:``},propsText:{type:String,default:``},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:[]}},setup(e){return{selectValue:(0,t.ref)(e.propsValue||e.propsOptions[0])}}}),s=[`for`],c=[`id`];function l(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},(0,t.toDisplayString)(e.propsLabel),11,s)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`select`,{class:(0,t.normalizeClass)(`${e.propsClass}`),id:e.propsClass,"onUpdate:modelValue":n[0]||=t=>e.selectValue=t,onChange:n[1]||=t=>e.$emit(`valueChanged`,e.selectValue)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.propsOptions,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:r,class:(0,t.normalizeClass)(`${e.propsClass}__option`)},(0,t.toDisplayString)(n&&typeof n==`object`&&`value`in n?n.value:n),3))),128))],42,c),[[t.vModelSelect,e.selectValue]])],2)}var u=r(o,[[`render`,l]]);e.BaseButton=a,e.BaseSelect=u});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.beansBaseActions={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({components:{},emits:[`clicked`],props:{propsClass:{type:String,default:`button`},propsTitle:{type:String,default:``},propsLabel:{type:String}}}),r=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};function i(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`)},(0,t.toDisplayString)(e.propsLabel),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{onClick:n[0]||=t=>e.$emit(`clicked`),class:(0,t.normalizeClass)(`${e.propsClass}`)},(0,t.toDisplayString)(e.propsTitle),3)],2)}var a=r(n,[[`render`,i]]),o=(0,t.defineComponent)({components:{},emits:[`valueChanged`],props:{propsClass:{type:String,default:``},propsText:{type:String,default:``},propsLabel:{type:String},propsValue:{type:[String,Number]},propsOptions:{type:Array,default:[]},labelIcon:{type:Object},selectIcon:{type:Object}},setup(e){return{selectValue:(0,t.ref)(e.propsValue||e.propsOptions[0])}}}),s=[`for`],c=[`id`];function l(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__wrapper`)},[e.propsLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:(0,t.normalizeClass)(`${e.propsClass}__label`),for:e.propsClass},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.propsLabel),1),e.labelIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.labelIcon),{key:0})):(0,t.createCommentVNode)(``,!0)],10,s)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(`${e.propsClass}__inner`)},[(0,t.withDirectives)((0,t.createElementVNode)(`select`,{class:(0,t.normalizeClass)(`${e.propsClass}`),id:e.propsClass,"onUpdate:modelValue":n[0]||=t=>e.selectValue=t,onChange:n[1]||=t=>e.$emit(`valueChanged`,e.selectValue)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.propsOptions,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:r,class:(0,t.normalizeClass)(`${e.propsClass}__option`)},(0,t.toDisplayString)(n&&typeof n==`object`&&`value`in n?n.value:n),3))),128))],42,c),[[t.vModelSelect,e.selectValue]]),e.selectIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.selectIcon),{key:0})):(0,t.createCommentVNode)(``,!0)],2)],2)}var u=r(o,[[`render`,l]]);e.BaseButton=a,e.BaseSelect=u});
package/dist/icons.svg CHANGED
@@ -1,24 +1,24 @@
1
- <svg xmlns="http://www.w3.org/2000/svg">
2
- <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
- <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
- <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
- </symbol>
6
- <symbol id="discord-icon" viewBox="0 0 20 19">
7
- <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
- </symbol>
9
- <symbol id="documentation-icon" viewBox="0 0 21 20">
10
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
- </symbol>
14
- <symbol id="github-icon" viewBox="0 0 19 19">
15
- <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
- </symbol>
17
- <symbol id="social-icon" viewBox="0 0 20 20">
18
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
- </symbol>
21
- <symbol id="x-icon" viewBox="0 0 19 19">
22
- <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
- </symbol>
24
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg">
2
+ <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
+ <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
+ <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
+ </symbol>
6
+ <symbol id="discord-icon" viewBox="0 0 20 19">
7
+ <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
+ </symbol>
9
+ <symbol id="documentation-icon" viewBox="0 0 21 20">
10
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
+ </symbol>
14
+ <symbol id="github-icon" viewBox="0 0 19 19">
15
+ <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
+ </symbol>
17
+ <symbol id="social-icon" viewBox="0 0 20 20">
18
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
+ </symbol>
21
+ <symbol id="x-icon" viewBox="0 0 19 19">
22
+ <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
+ </symbol>
24
+ </svg>
package/package.json CHANGED
@@ -1,36 +1,36 @@
1
- {
2
- "name": "beans-ui-kit",
3
- "private": false,
4
- "version": "0.0.2",
5
- "type": "module",
6
- "files": [
7
- "dist"
8
- ],
9
- "exports": {
10
- ".": {
11
- "import": "./dist/beansBaseActions.es.ts",
12
- "require": "./dist/beansBaseActions.umd.ts"
13
- },
14
- "./styles": "./dist/style.css"
15
- },
16
- "scripts": {
17
- "dev": "vite",
18
- "build": "vue-tsc -b && vite build",
19
- "preview": "vite preview"
20
- },
21
- "dependencies": {
22
- "vue": ">=3"
23
- },
24
- "devDependencies": {
25
- "@types/node": "^24.12.2",
26
- "@vitejs/plugin-vue": "^6.0.5",
27
- "@vue/tsconfig": "^0.9.1",
28
- "typescript": "~6.0.2",
29
- "vite": "^8.0.4",
30
- "vite-plugin-dts": "^4.5.4",
31
- "vue-tsc": "^3.2.6"
32
- },
33
- "peerDependencies": {
34
- "vue": ">=3"
35
- }
36
- }
1
+ {
2
+ "name": "beans-ui-kit",
3
+ "private": false,
4
+ "version": "0.0.4",
5
+ "type": "module",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "exports": {
10
+ ".": {
11
+ "import": "./dist/beansBaseActions.es.ts",
12
+ "require": "./dist/beansBaseActions.umd.ts"
13
+ },
14
+ "./styles": "./dist/style.css"
15
+ },
16
+ "scripts": {
17
+ "dev": "vite",
18
+ "build": "vue-tsc -b && vite build",
19
+ "preview": "vite preview"
20
+ },
21
+ "dependencies": {
22
+ "vue": ">=3"
23
+ },
24
+ "devDependencies": {
25
+ "@types/node": "^24.12.2",
26
+ "@vitejs/plugin-vue": "^6.0.5",
27
+ "@vue/tsconfig": "^0.9.1",
28
+ "typescript": "~6.0.2",
29
+ "vite": "^8.0.4",
30
+ "vite-plugin-dts": "^4.5.4",
31
+ "vue-tsc": "^3.2.6"
32
+ },
33
+ "peerDependencies": {
34
+ "vue": ">=3"
35
+ }
36
+ }