@sakura-ui/sakura-ui 0.0.14 → 0.0.16

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 (101) hide show
  1. package/README.md +27 -1
  2. package/package.json +4 -4
  3. package/packages/config/package.json +2 -3
  4. package/packages/config/src/index.ts +1 -4
  5. package/packages/config/vite.config.ts +1 -13
  6. package/packages/forms/dist/components/Checkbox.d.ts +5 -0
  7. package/packages/forms/dist/components/Checkbox.d.ts.map +1 -0
  8. package/packages/forms/dist/components/Radio.d.ts +5 -0
  9. package/packages/forms/dist/components/Radio.d.ts.map +1 -0
  10. package/packages/forms/dist/components/Select.d.ts +5 -0
  11. package/packages/forms/dist/components/Select.d.ts.map +1 -0
  12. package/packages/forms/dist/components/Text.d.ts +5 -0
  13. package/packages/forms/dist/components/Text.d.ts.map +1 -0
  14. package/packages/forms/dist/components/Textarea.d.ts +5 -0
  15. package/packages/forms/dist/components/Textarea.d.ts.map +1 -0
  16. package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts +9 -0
  17. package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts.map +1 -0
  18. package/packages/forms/dist/components/controlled/InputItem.d.ts +5 -0
  19. package/packages/forms/dist/components/controlled/InputItem.d.ts.map +1 -0
  20. package/packages/forms/dist/components/controlled/RadioGroup.d.ts +9 -0
  21. package/packages/forms/dist/components/controlled/RadioGroup.d.ts.map +1 -0
  22. package/packages/forms/dist/components/controlled/Select.d.ts +6 -0
  23. package/packages/forms/dist/components/controlled/Select.d.ts.map +1 -0
  24. package/packages/forms/dist/components/controlled/Text.d.ts +6 -0
  25. package/packages/forms/dist/components/controlled/Text.d.ts.map +1 -0
  26. package/packages/forms/dist/components/controlled/Textarea.d.ts +6 -0
  27. package/packages/forms/dist/components/controlled/Textarea.d.ts.map +1 -0
  28. package/packages/forms/dist/components/controlled/index.d.ts +6 -0
  29. package/packages/forms/dist/components/controlled/index.d.ts.map +1 -0
  30. package/packages/forms/dist/components/index.d.ts +6 -0
  31. package/packages/forms/dist/components/index.d.ts.map +1 -0
  32. package/packages/forms/dist/index.cjs.js +112 -0
  33. package/packages/forms/dist/index.cjs.js.map +1 -0
  34. package/packages/forms/dist/index.d.ts +3 -0
  35. package/packages/forms/dist/index.d.ts.map +1 -0
  36. package/packages/forms/dist/index.es.js +844 -0
  37. package/packages/forms/dist/index.es.js.map +1 -0
  38. package/packages/{icons → forms}/node_modules/.bin/autoprefixer +2 -2
  39. package/packages/{icons → forms}/node_modules/.bin/jest +2 -2
  40. package/packages/{icons → forms}/node_modules/.bin/npm-run-all +2 -2
  41. package/packages/{icons → forms}/node_modules/.bin/run-p +2 -2
  42. package/packages/{icons → forms}/node_modules/.bin/run-s +2 -2
  43. package/packages/{icons → forms}/node_modules/.bin/tailwind +2 -2
  44. package/packages/{icons → forms}/node_modules/.bin/tailwindcss +2 -2
  45. package/packages/{icons → forms}/node_modules/.bin/ts-jest +2 -2
  46. package/packages/{icons → forms}/node_modules/.bin/ts-node +2 -2
  47. package/packages/{icons → forms}/node_modules/.bin/ts-node-cwd +2 -2
  48. package/packages/{icons → forms}/node_modules/.bin/ts-node-esm +2 -2
  49. package/packages/{icons → forms}/node_modules/.bin/ts-node-script +2 -2
  50. package/packages/{icons → forms}/node_modules/.bin/ts-node-transpile-only +2 -2
  51. package/packages/{icons → forms}/node_modules/.bin/ts-script +2 -2
  52. package/packages/{icons → forms}/node_modules/.bin/tsc +2 -2
  53. package/packages/{icons → forms}/node_modules/.bin/tsc-alias +2 -2
  54. package/packages/{icons → forms}/node_modules/.bin/tsserver +2 -2
  55. package/packages/{icons → forms}/node_modules/.bin/vite +2 -2
  56. package/packages/{icons → forms}/package.json +3 -3
  57. package/packages/forms/src/components/Checkbox.tsx +59 -0
  58. package/packages/{react → forms}/src/components/Radio.tsx +7 -5
  59. package/packages/{react → forms}/src/components/Select.tsx +19 -17
  60. package/packages/{react → forms}/src/components/Text.tsx +14 -14
  61. package/packages/{react → forms}/src/components/Textarea.tsx +14 -14
  62. package/packages/forms/src/components/controlled/CheckboxGroup.tsx +31 -0
  63. package/packages/forms/src/components/controlled/InputItem.ts +4 -0
  64. package/packages/forms/src/components/controlled/RadioGroup.tsx +36 -0
  65. package/packages/forms/src/components/controlled/Select.tsx +22 -0
  66. package/packages/forms/src/components/controlled/Text.tsx +22 -0
  67. package/packages/forms/src/components/controlled/Textarea.tsx +23 -0
  68. package/packages/forms/src/components/controlled/index.ts +5 -0
  69. package/packages/forms/src/components/index.ts +5 -0
  70. package/packages/forms/src/index.ts +9 -0
  71. package/packages/react/package.json +1 -1
  72. package/packages/react/src/components/IconButton.tsx +78 -6
  73. package/packages/react/src/components/List.tsx +1 -0
  74. package/packages/react/src/components/index.ts +1 -6
  75. package/packages/react/src/index.ts +2 -7
  76. package/packages/config/src/material-symbols-outlined.woff2 +0 -0
  77. package/packages/icons/dist/components/Icon.d.ts +0 -6
  78. package/packages/icons/dist/components/Icon.d.ts.map +0 -1
  79. package/packages/icons/dist/components/IconButton.d.ts +0 -8
  80. package/packages/icons/dist/components/IconButton.d.ts.map +0 -1
  81. package/packages/icons/dist/components/index.d.ts +0 -3
  82. package/packages/icons/dist/components/index.d.ts.map +0 -1
  83. package/packages/icons/dist/index.cjs.js +0 -88
  84. package/packages/icons/dist/index.cjs.js.map +0 -1
  85. package/packages/icons/dist/index.d.ts +0 -2
  86. package/packages/icons/dist/index.d.ts.map +0 -1
  87. package/packages/icons/dist/index.es.js +0 -725
  88. package/packages/icons/dist/index.es.js.map +0 -1
  89. package/packages/icons/src/components/IconButton.tsx +0 -94
  90. package/packages/icons/src/components/index.ts +0 -2
  91. package/packages/icons/src/index.ts +0 -1
  92. package/packages/react/src/components/Checkbox.tsx +0 -56
  93. package/packages/react/src/components/RadioGroup.tsx +0 -38
  94. /package/packages/{icons → forms}/dist/utils/index.d.ts +0 -0
  95. /package/packages/{icons → forms}/dist/utils/index.d.ts.map +0 -0
  96. /package/packages/{icons → forms}/src/utils/index.ts +0 -0
  97. /package/packages/{icons → forms}/src/vite-env.d.ts +0 -0
  98. /package/packages/{icons → forms}/tsconfig.json +0 -0
  99. /package/packages/{icons → forms}/tsconfig.node.json +0 -0
  100. /package/packages/{icons → forms}/vite.config.ts +0 -0
  101. /package/packages/{icons → react}/src/components/Icon.tsx +0 -0
package/README.md CHANGED
@@ -17,16 +17,41 @@ module.exports = {
17
17
  mode: 'jit',
18
18
  content: [
19
19
  './src/pages/**/*.{jsx,tsx}',
20
- './node_modules/@sakura-ui/sakura-ui/packages/react/**/*.{jsx,tsx}'
20
+ './node_modules/@sakura-ui/react/**/*.{js,jsx,ts,tsx}',
21
+ './node_modules/@sakura-ui/icons/**/*.{js,jsx,ts,tsx}'
21
22
  ],
22
23
  plugins: [require('@sakura-ui/config')]
23
24
  }
24
25
  ```
25
26
 
27
+ Add fonts from CDN.
28
+ ```
29
+ <!DOCTYPE html>
30
+ <html lang="en">
31
+ <head>
32
+ <meta charset="UTF-8" />
33
+ <link
34
+ href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&display=swap"
35
+ rel="stylesheet"
36
+ />
37
+ <link
38
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
39
+ rel="stylesheet"
40
+ />
41
+ ...head
42
+ </head>
43
+ <body>
44
+ ...body
45
+ </body>
46
+ </html>
47
+ ```
48
+
49
+
26
50
  ## Usage
27
51
  ```ts
28
52
  import { useState } from 'react'
29
53
  import { H1, H2, H3, H4, H5, H6, Button } from '@sakura-ui/react'
54
+ import { IconButton } from '@sakura-ui/icons'
30
55
 
31
56
  const App = () => {
32
57
  const [count, setCount] = useState(0)
@@ -49,6 +74,7 @@ const App = () => {
49
74
  >
50
75
  count is {count}
51
76
  </Button>
77
+ <IconButton icon="face">Face</IconButton>
52
78
  </div>
53
79
  </div>
54
80
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sakura-ui/sakura-ui",
3
- "version": "0.0.14",
3
+ "version": "0.0.16",
4
4
  "keywords": [],
5
5
  "author": "glassonion1",
6
6
  "homepage": "https://github.com/glassonion1/sakura-ui",
@@ -13,9 +13,9 @@
13
13
  "packages"
14
14
  ],
15
15
  "dependencies": {
16
- "@sakura-ui/react": "0.0.4",
17
- "@sakura-ui/config": "0.0.8",
18
- "@sakura-ui/icons": "0.0.1"
16
+ "@sakura-ui/forms": "0.0.2",
17
+ "@sakura-ui/config": "0.0.10",
18
+ "@sakura-ui/react": "0.0.5"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "react": "^18.2.0",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sakura-ui/config",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",
@@ -46,7 +46,6 @@
46
46
  "ts-jest": "^29.0.5",
47
47
  "ts-node": "^10.9.1",
48
48
  "typescript": "^4.9.3",
49
- "vite": "^4.1.0",
50
- "vite-plugin-static-copy": "^0.13.1"
49
+ "vite": "^4.1.0"
51
50
  }
52
51
  }
@@ -1,15 +1,12 @@
1
1
  import plugin from 'tailwindcss/plugin'
2
2
 
3
- const path = __dirname + '/material-symbols-outlined.woff2'
4
-
5
3
  const sakuraPlugin = plugin(
6
4
  ({ addBase }) => {
7
5
  addBase({
8
6
  '@font-face': {
9
7
  fontFamily: 'Material Symbols Outlined',
10
8
  fontWheight: '300',
11
- fontStyle: 'normal',
12
- src: `url(${path}) format('woff2')`
9
+ fontStyle: 'normal'
13
10
  }
14
11
  })
15
12
  },
@@ -1,7 +1,5 @@
1
1
  import { resolve } from 'path'
2
2
  import { defineConfig } from 'vite'
3
- import { viteStaticCopy } from 'vite-plugin-static-copy'
4
- import path from 'path'
5
3
  import { peerDependencies } from './package.json'
6
4
 
7
5
  // https://vitejs.dev/config/
@@ -22,15 +20,5 @@ export default defineConfig({
22
20
  },
23
21
  target: 'esnext',
24
22
  sourcemap: true
25
- },
26
- plugins: [
27
- viteStaticCopy({
28
- targets: [
29
- {
30
- src: path.resolve(__dirname, './src') + '/[!.]*.woff2',
31
- dest: './'
32
- }
33
- ]
34
- })
35
- ]
23
+ }
36
24
  })
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface CheckboxProps extends React.ComponentProps<'input'> {
3
+ }
4
+ export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAEvE,eAAO,MAAM,QAAQ,qGAqDpB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface Props extends React.ComponentProps<'input'> {
3
+ }
4
+ export declare const Radio: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
+ //# sourceMappingURL=Radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAE/D,eAAO,MAAM,KAAK,6FAsChB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {
3
+ }
4
+ export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
5
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;CAAG;AAEhF,eAAO,MAAM,MAAM,uFAqClB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface TextProps extends React.ComponentPropsWithoutRef<'input'> {
3
+ }
4
+ export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLInputElement>>;
5
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAE7E,eAAO,MAAM,IAAI,oFA6BhB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export interface TextareaProps extends React.ComponentPropsWithoutRef<'textarea'> {
3
+ }
4
+ export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
5
+ //# sourceMappingURL=Textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;CAAG;AAEvD,eAAO,MAAM,QAAQ,2FA0BpB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { InputItem } from './InputItem';
3
+ export interface CheckboxGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
4
+ items: InputItem[];
5
+ onChange: React.ChangeEventHandler<HTMLInputElement>;
6
+ label: string;
7
+ }
8
+ export declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
9
+ //# sourceMappingURL=CheckboxGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAkBtD,CAAA"}
@@ -0,0 +1,5 @@
1
+ export interface InputItem {
2
+ label: string;
3
+ value: string;
4
+ }
5
+ //# sourceMappingURL=InputItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputItem.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/InputItem.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { InputItem } from './InputItem';
3
+ export interface RadioGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
4
+ items: InputItem[];
5
+ onChange: React.ChangeEventHandler<HTMLInputElement>;
6
+ label: string;
7
+ }
8
+ export declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
9
+ //# sourceMappingURL=RadioGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,gBAuBhD,CAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {
3
+ label: string;
4
+ }
5
+ export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
6
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,MAAM,uFAalB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface TextProps extends React.ComponentPropsWithoutRef<'input'> {
3
+ label: string;
4
+ }
5
+ export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLInputElement>>;
6
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,IAAI,oFAahB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface TextareaProps extends React.ComponentPropsWithoutRef<'textarea'> {
3
+ label: string;
4
+ }
5
+ export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
6
+ //# sourceMappingURL=Textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IAClD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,QAAQ,2FAapB,CAAA"}
@@ -0,0 +1,6 @@
1
+ export { CheckboxGroup } from './CheckboxGroup';
2
+ export { RadioGroup } from './RadioGroup';
3
+ export { Select } from './Select';
4
+ export { Text } from './Text';
5
+ export { Textarea } from './Textarea';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -0,0 +1,6 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export { Radio } from './Radio';
3
+ export { Select } from './Select';
4
+ export { Text } from './Text';
5
+ export { Textarea } from './Textarea';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -0,0 +1,112 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react");var a={},dr={get exports(){return a},set exports(s){a=s}},$={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var we;function vr(){if(we)return $;we=1;var s=j,d=Symbol.for("react.element"),v=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,f=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function R(g,m,w){var _,C={},O=null,Y=null;w!==void 0&&(O=""+w),m.key!==void 0&&(O=""+m.key),m.ref!==void 0&&(Y=m.ref);for(_ in m)u.call(m,_)&&!h.hasOwnProperty(_)&&(C[_]=m[_]);if(g&&g.defaultProps)for(_ in m=g.defaultProps,m)C[_]===void 0&&(C[_]=m[_]);return{$$typeof:d,type:g,key:O,ref:Y,props:C,_owner:f.current}}return $.Fragment=v,$.jsx=R,$.jsxs=R,$}var W={};/**
10
+ * @license React
11
+ * react-jsx-runtime.development.js
12
+ *
13
+ * Copyright (c) Facebook, Inc. and its affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */var je;function pr(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var s=j,d=Symbol.for("react.element"),v=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),g=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),C=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),Y=Symbol.for("react.offscreen"),Q=Symbol.iterator,ke="@@iterator";function Ne(e){if(e===null||typeof e!="object")return null;var r=Q&&e[Q]||e[ke];return typeof r=="function"?r:null}var N=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function y(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Fe("error",e,t)}}function Fe(e,r,t){{var n=N.ReactDebugCurrentFrame,l=n.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var c=t.map(function(i){return String(i)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var De=!1,Ae=!1,Ie=!1,$e=!1,We=!1,ee;ee=Symbol.for("react.module.reference");function Ye(e){return!!(typeof e=="string"||typeof e=="function"||e===u||e===h||We||e===f||e===w||e===_||$e||e===Y||De||Ae||Ie||typeof e=="object"&&e!==null&&(e.$$typeof===O||e.$$typeof===C||e.$$typeof===R||e.$$typeof===g||e.$$typeof===m||e.$$typeof===ee||e.getModuleId!==void 0))}function Me(e,r,t){var n=e.displayName;if(n)return n;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function re(e){return e.displayName||"Context"}function P(e){if(e==null)return null;if(typeof e.tag=="number"&&y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case v:return"Portal";case h:return"Profiler";case f:return"StrictMode";case w:return"Suspense";case _:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case g:var r=e;return re(r)+".Consumer";case R:var t=e;return re(t._context)+".Provider";case m:return Me(e,e.render,"ForwardRef");case C:var n=e.displayName||null;return n!==null?n:P(e.type)||"Memo";case O:{var l=e,c=l._payload,i=l._init;try{return P(i(c))}catch{return null}}}return null}var k=Object.assign,A=0,te,ne,ae,oe,ie,se,le;function ce(){}ce.__reactDisabledLog=!0;function Le(){{if(A===0){te=console.log,ne=console.info,ae=console.warn,oe=console.error,ie=console.group,se=console.groupCollapsed,le=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function Ve(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:k({},e,{value:te}),info:k({},e,{value:ne}),warn:k({},e,{value:ae}),error:k({},e,{value:oe}),group:k({},e,{value:ie}),groupCollapsed:k({},e,{value:se}),groupEnd:k({},e,{value:le})})}A<0&&y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=N.ReactCurrentDispatcher,q;function M(e,r,t){{if(q===void 0)try{throw Error()}catch(l){var n=l.stack.trim().match(/\n( *(at )?)/);q=n&&n[1]||""}return`
18
+ `+q+e}}var J=!1,L;{var Ue=typeof WeakMap=="function"?WeakMap:Map;L=new Ue}function ue(e,r){if(!e||J)return"";{var t=L.get(e);if(t!==void 0)return t}var n;J=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=G.current,G.current=null,Le();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(S){n=S}Reflect.construct(e,[],i)}else{try{i.call()}catch(S){n=S}e.call(i.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var o=S.stack.split(`
19
+ `),x=n.stack.split(`
20
+ `),p=o.length-1,b=x.length-1;p>=1&&b>=0&&o[p]!==x[b];)b--;for(;p>=1&&b>=0;p--,b--)if(o[p]!==x[b]){if(p!==1||b!==1)do if(p--,b--,b<0||o[p]!==x[b]){var E=`
21
+ `+o[p].replace(" at new "," at ");return e.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",e.displayName)),typeof e=="function"&&L.set(e,E),E}while(p>=1&&b>=0);break}}}finally{J=!1,G.current=c,Ve(),Error.prepareStackTrace=l}var D=e?e.displayName||e.name:"",Ee=D?M(D):"";return typeof e=="function"&&L.set(e,Ee),Ee}function Be(e,r,t){return ue(e,!1)}function Ge(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function V(e,r,t){if(e==null)return"";if(typeof e=="function")return ue(e,Ge(e));if(typeof e=="string")return M(e);switch(e){case w:return M("Suspense");case _:return M("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return Be(e.render);case C:return V(e.type,r,t);case O:{var n=e,l=n._payload,c=n._init;try{return V(c(l),r,t)}catch{}}}return""}var U=Object.prototype.hasOwnProperty,fe={},de=N.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);de.setExtraStackFrame(t)}else de.setExtraStackFrame(null)}function qe(e,r,t,n,l){{var c=Function.call.bind(U);for(var i in e)if(c(e,i)){var o=void 0;try{if(typeof e[i]!="function"){var x=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}o=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(p){o=p}o&&!(o instanceof Error)&&(B(l),y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,i,typeof o),B(null)),o instanceof Error&&!(o.message in fe)&&(fe[o.message]=!0,B(l),y("Failed %s type: %s",t,o.message),B(null))}}}var Je=Array.isArray;function z(e){return Je(e)}function ze(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ke(e){try{return ve(e),!1}catch{return!0}}function ve(e){return""+e}function pe(e){if(Ke(e))return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ze(e)),ve(e)}var I=N.ReactCurrentOwner,He={key:!0,ref:!0,__self:!0,__source:!0},be,me,K;K={};function Xe(e){if(U.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){if(typeof e.ref=="string"&&I.current&&r&&I.current.stateNode!==r){var t=P(I.current.type);K[t]||(y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',P(I.current.type),e.ref),K[t]=!0)}}function er(e,r){{var t=function(){be||(be=!0,y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){me||(me=!0,y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,n,l,c,i){var o={$$typeof:d,type:e,key:r,ref:t,props:i,_owner:c};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function nr(e,r,t,n,l){{var c,i={},o=null,x=null;t!==void 0&&(pe(t),o=""+t),Ze(r)&&(pe(r.key),o=""+r.key),Xe(r)&&(x=r.ref,Qe(r,l));for(c in r)U.call(r,c)&&!He.hasOwnProperty(c)&&(i[c]=r[c]);if(e&&e.defaultProps){var p=e.defaultProps;for(c in p)i[c]===void 0&&(i[c]=p[c])}if(o||x){var b=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&er(i,b),x&&rr(i,b)}return tr(e,o,x,l,n,I.current,i)}}var H=N.ReactCurrentOwner,he=N.ReactDebugCurrentFrame;function F(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);he.setExtraStackFrame(t)}else he.setExtraStackFrame(null)}var X;X=!1;function Z(e){return typeof e=="object"&&e!==null&&e.$$typeof===d}function ge(){{if(H.current){var e=P(H.current.type);if(e)return`
22
+
23
+ Check the render method of \``+e+"`."}return""}}function ar(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
24
+
25
+ Check your code at `+r+":"+t+"."}return""}}var ye={};function or(e){{var r=ge();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
26
+
27
+ Check the top-level render call using <`+t+">.")}return r}}function xe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(ye[t])return;ye[t]=!0;var n="";e&&e._owner&&e._owner!==H.current&&(n=" It was passed a child from "+P(e._owner.type)+"."),F(e),y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),F(null)}}function Re(e,r){{if(typeof e!="object")return;if(z(e))for(var t=0;t<e.length;t++){var n=e[t];Z(n)&&xe(n,r)}else if(Z(e))e._store&&(e._store.validated=!0);else if(e){var l=Ne(e);if(typeof l=="function"&&l!==e.entries)for(var c=l.call(e),i;!(i=c.next()).done;)Z(i.value)&&xe(i.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===m||r.$$typeof===C))t=r.propTypes;else return;if(t){var n=P(r);qe(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var l=P(r);y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){F(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),F(null);break}}e.ref!==null&&(F(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}function _e(e,r,t,n,l,c){{var i=Ye(e);if(!i){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var x=ar(l);x?o+=x:o+=ge();var p;e===null?p="null":z(e)?p="array":e!==void 0&&e.$$typeof===d?(p="<"+(P(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):p=typeof e,y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",p,o)}var b=nr(e,r,t,l,c);if(b==null)return b;if(i){var E=r.children;if(E!==void 0)if(n)if(z(E)){for(var D=0;D<E.length;D++)Re(E[D],e);Object.freeze&&Object.freeze(E)}else y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Re(E,e)}return e===u?sr(b):ir(b),b}}function lr(e,r,t){return _e(e,r,t,!0)}function cr(e,r,t){return _e(e,r,t,!1)}var ur=cr,fr=lr;W.Fragment=u,W.jsx=ur,W.jsxs=fr}()),W}(function(s){process.env.NODE_ENV==="production"?s.exports=vr():s.exports=pr()})(dr);const T=(...s)=>s.filter(Boolean).join(" "),Te=j.forwardRef((s,d)=>{const{className:v,children:u,...f}=s,h=`
28
+ flex
29
+ items-center
30
+ text-sm
31
+ cursor-pointer
32
+ py-2
33
+ `,R=`
34
+ hidden
35
+ peer
36
+ `,g=`
37
+ inline-block
38
+ bg-clip-content
39
+ w-6 h-6
40
+ ml-1
41
+ mr-2
42
+ rounded
43
+ border
44
+ border-solid
45
+ border-sumi-900
46
+ peer-checked:bg-sea-600
47
+ peer-checked:border-none
48
+ `;return a.jsx("div",{className:"inline-block",children:a.jsxs("label",{htmlFor:f.id,className:T(h,v),children:[a.jsx("input",{className:R,type:"checkbox",...f,ref:d}),a.jsx("span",{className:g,children:a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",children:a.jsx("path",{fill:"#fff",d:"m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z"})})}),u]})})}),Ce=j.forwardRef((s,d)=>{const{className:v,children:u,...f}=s,h=`
49
+ flex
50
+ items-center
51
+ text-sm
52
+ cursor-pointer
53
+ py-2
54
+ `,R=`
55
+ hidden
56
+ peer
57
+ `,g=`
58
+ inline-block
59
+ bg-clip-content
60
+ w-6 h-6
61
+ ml-1
62
+ mr-2
63
+ p-1
64
+ rounded-full
65
+ border
66
+ border-solid
67
+ border-sumi-900
68
+ peer-checked:bg-sea-600
69
+ peer-checked:border-sea-600
70
+ `;return a.jsx("div",{className:"inline-block",children:a.jsxs("label",{htmlFor:f.id,className:T(h,v),children:[a.jsx("input",{className:R,type:"radio",...f,ref:d}),a.jsx("span",{className:g}),u]})})}),Pe=j.forwardRef((s,d)=>{const{className:v,children:u,...f}=s,h=`
71
+ appearance-none
72
+ text-base
73
+ w-full
74
+ bg-white-100
75
+ border
76
+ border-solid
77
+ border-sumi-900
78
+ py-4 px-4 pr-8
79
+ rounded-[8px]
80
+ focus:outline
81
+ focus:outline-2
82
+ focus:outline-wood-500
83
+ `;return a.jsxs("div",{className:"inline-block relative",children:[a.jsx("select",{className:T(h,s.className),...f,ref:d,children:u}),a.jsx("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",children:a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"fill-sumi-900",height:"24",width:"24",children:a.jsx("path",{d:"M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z"})})})]})}),Se=j.forwardRef((s,d)=>{const{className:v,...u}=s,f=`
84
+ p-4
85
+ rounded-lg
86
+ border
87
+ border-solid
88
+ border-sumi-900
89
+ focus:outline
90
+ focus:outline-2
91
+ focus:outline-wood-500
92
+ disabled:bg-sumi-500
93
+ disabled:text-white-1000
94
+ disabled:border
95
+ disabled:border-solid
96
+ disabled:border-sumi-500
97
+ `;return a.jsx("input",{type:"text",className:T(f,v),...u,ref:d})}),Oe=j.forwardRef((s,d)=>{const{className:v,children:u,...f}=s,h=`
98
+ p-4
99
+ rounded-lg
100
+ border
101
+ border-solid
102
+ border-sumi-900
103
+ focus:outline
104
+ focus:outline-2
105
+ focus:outline-wood-500
106
+ disabled:bg-sumi-500
107
+ disabled:text-white-1000
108
+ disabled:border
109
+ disabled:border-solid
110
+ disabled:border-sumi-500
111
+ `;return a.jsx("textarea",{className:T(h,v),...f,ref:d,children:u})}),br=s=>{const{items:d,onChange:v,label:u,className:f,...h}=s,R=`checkbox_group_${Math.random()}`;return a.jsxs("fieldset",{className:T("mb-4",f),...h,children:[a.jsx("legend",{children:u}),d.map(({label:g,value:m},w)=>a.jsx("div",{children:a.jsx(Te,{name:R,value:m,onChange:v,children:g})},w))]})},mr=s=>{const{items:d,onChange:v,label:u,className:f,...h}=s,R=`radio_group_${Math.random()}`;return a.jsxs("fieldset",{className:T("mb-4",f),...h,children:[a.jsx("legend",{children:u}),d.map(({label:g,value:m},w)=>a.jsx("div",{children:a.jsx(Ce,{name:R,value:m,onChange:v,defaultChecked:w===0,children:g})},w))]})},hr=j.forwardRef((s,d)=>{const{label:v,className:u,...f}=s;return a.jsx("div",{className:T("mb-4",u),children:a.jsxs("label",{children:[a.jsx("div",{className:"block mb-2",children:v}),a.jsx(Pe,{ref:d,...f})]})})}),gr=j.forwardRef((s,d)=>{const{label:v,className:u,...f}=s;return a.jsx("div",{className:T("mb-4",u),children:a.jsxs("label",{children:[a.jsx("div",{className:"block mb-2",children:v}),a.jsx(Se,{ref:d,...f})]})})}),yr=j.forwardRef((s,d)=>{const{label:v,className:u,...f}=s;return a.jsx("div",{className:T("mb-4",u),children:a.jsxs("label",{children:[a.jsx("div",{className:"block mb-2",children:v}),a.jsx(Oe,{ref:d,...f})]})})});exports.Checkbox=Te;exports.CheckboxGroup=br;exports.Radio=Ce;exports.RadioGroup=mr;exports.Select=Pe;exports.SelectControl=hr;exports.Text=Se;exports.TextControl=gr;exports.Textarea=Oe;exports.TextareaControl=yr;
112
+ //# sourceMappingURL=index.cjs.js.map