@sakura-ui/sakura-ui 0.2.0 → 0.4.1

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 (212) hide show
  1. package/README.md +77 -6
  2. package/package.json +28 -21
  3. package/packages/core/package.json +30 -17
  4. package/packages/core/src/components/Button.tsx +33 -32
  5. package/packages/core/src/components/Card.tsx +37 -20
  6. package/packages/core/src/components/Code.tsx +6 -4
  7. package/packages/core/src/components/Faq.tsx +13 -7
  8. package/packages/core/src/components/Heading.tsx +42 -32
  9. package/packages/core/src/components/Icon.tsx +43 -13
  10. package/packages/core/src/components/IconButton.tsx +54 -43
  11. package/packages/core/src/components/LangSelector.tsx +135 -0
  12. package/packages/core/src/components/Link.tsx +37 -66
  13. package/packages/core/src/components/LinkCard.tsx +126 -0
  14. package/packages/core/src/components/List.tsx +14 -12
  15. package/packages/core/src/components/MenuButton.tsx +112 -0
  16. package/packages/core/src/components/NavigationItem.tsx +41 -0
  17. package/packages/core/src/components/NotificationBanner.tsx +20 -0
  18. package/packages/core/src/components/OverflowContainer.tsx +24 -0
  19. package/packages/core/src/components/PopoverMenu.tsx +82 -0
  20. package/packages/core/src/components/Pre.tsx +6 -4
  21. package/packages/core/src/components/Table.tsx +31 -25
  22. package/packages/core/src/components/buttonStyle.ts +43 -32
  23. package/packages/core/src/components/index.ts +13 -25
  24. package/packages/core/src/icons/Close.tsx +21 -0
  25. package/packages/core/src/icons/CloseMobile.tsx +43 -0
  26. package/packages/core/src/icons/KeyboardArrowDown.tsx +24 -0
  27. package/packages/core/src/icons/Language.tsx +25 -0
  28. package/packages/core/src/icons/LanguageMobile.tsx +40 -0
  29. package/packages/core/src/icons/Menu.tsx +24 -0
  30. package/packages/core/src/icons/MenuMobile.tsx +40 -0
  31. package/packages/core/src/icons/index.ts +8 -0
  32. package/packages/core/src/icons/props.ts +5 -0
  33. package/packages/core/src/index.ts +10 -28
  34. package/packages/core/src/type.d.ts +1 -0
  35. package/packages/core/tests/Button.test.tsx +20 -10
  36. package/packages/core/tests/Card.test.tsx +16 -11
  37. package/packages/core/tests/IconButton.test.tsx +57 -0
  38. package/packages/core/tests/Link.test.tsx +60 -0
  39. package/packages/core/tests/vitest.setup.ts +1 -0
  40. package/packages/core/tsconfig.node.json +3 -2
  41. package/packages/core/vite.config.ts +2 -1
  42. package/packages/forms/.turbo/turbo-build.log +12 -0
  43. package/packages/forms/dist/index.cjs.js +183 -131
  44. package/packages/forms/dist/index.es.js +750 -1062
  45. package/packages/forms/dist/types/components/Checkbox.d.ts +9 -4
  46. package/packages/forms/dist/types/components/Checkbox.d.ts.map +1 -1
  47. package/packages/forms/dist/types/components/FieldsetControl.d.ts +14 -9
  48. package/packages/forms/dist/types/components/FieldsetControl.d.ts.map +1 -1
  49. package/packages/forms/dist/types/components/FileInput.d.ts +10 -3
  50. package/packages/forms/dist/types/components/FileInput.d.ts.map +1 -1
  51. package/packages/forms/dist/types/components/Input.d.ts +9 -4
  52. package/packages/forms/dist/types/components/Input.d.ts.map +1 -1
  53. package/packages/forms/dist/types/components/LabelControl.d.ts +13 -8
  54. package/packages/forms/dist/types/components/LabelControl.d.ts.map +1 -1
  55. package/packages/forms/dist/types/components/Radio.d.ts +9 -4
  56. package/packages/forms/dist/types/components/Radio.d.ts.map +1 -1
  57. package/packages/forms/dist/types/components/Select.d.ts +9 -4
  58. package/packages/forms/dist/types/components/Select.d.ts.map +1 -1
  59. package/packages/forms/dist/types/components/Textarea.d.ts +8 -3
  60. package/packages/forms/dist/types/components/Textarea.d.ts.map +1 -1
  61. package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts +16 -11
  62. package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts.map +1 -1
  63. package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts +17 -12
  64. package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts.map +1 -1
  65. package/packages/forms/dist/types/components/index.d.ts +8 -8
  66. package/packages/forms/dist/types/components/index.d.ts.map +1 -1
  67. package/packages/forms/dist/types/components/inputStyle.d.ts +1 -1
  68. package/packages/forms/dist/types/components/inputStyle.d.ts.map +1 -1
  69. package/packages/forms/dist/types/index.d.ts +0 -1
  70. package/packages/forms/dist/types/index.d.ts.map +1 -1
  71. package/packages/forms/node_modules/.bin/autoprefixer +44 -6
  72. package/packages/forms/package.json +21 -16
  73. package/packages/forms/src/components/Checkbox.tsx +76 -80
  74. package/packages/forms/src/components/FieldsetControl.tsx +21 -28
  75. package/packages/forms/src/components/FileInput.tsx +92 -63
  76. package/packages/forms/src/components/Input.tsx +29 -31
  77. package/packages/forms/src/components/LabelControl.tsx +19 -25
  78. package/packages/forms/src/components/Radio.tsx +68 -69
  79. package/packages/forms/src/components/Select.tsx +65 -65
  80. package/packages/forms/src/components/Textarea.tsx +49 -54
  81. package/packages/forms/src/components/controlled/CheckboxGroup.tsx +15 -17
  82. package/packages/forms/src/components/controlled/RadioGroup.tsx +16 -18
  83. package/packages/forms/src/components/index.ts +8 -8
  84. package/packages/forms/src/components/inputStyle.ts +7 -8
  85. package/packages/forms/src/index.ts +0 -11
  86. package/packages/forms/tests/Checkbox.test.tsx +44 -0
  87. package/packages/forms/tests/FieldsetControl.test.tsx +68 -11
  88. package/packages/forms/tests/FileInput.test.tsx +25 -0
  89. package/packages/forms/tests/Input.test.tsx +12 -83
  90. package/packages/forms/tests/LabelControl.test.tsx +88 -20
  91. package/packages/forms/tests/Radio.test.tsx +23 -78
  92. package/packages/forms/tests/Select.test.tsx +30 -0
  93. package/packages/forms/tests/Textarea.test.tsx +25 -0
  94. package/packages/forms/tests/vitest.setup.ts +1 -0
  95. package/packages/forms/tsconfig.node.json +3 -2
  96. package/packages/forms/vite.config.ts +2 -1
  97. package/packages/helper/.turbo/turbo-build.log +12 -0
  98. package/packages/helper/dist/index.cjs.js +76 -0
  99. package/packages/helper/dist/index.es.js +119 -0
  100. package/packages/helper/dist/types/calc.d.ts +2 -0
  101. package/packages/helper/dist/types/calc.d.ts.map +1 -0
  102. package/packages/{forms/dist/types/utils/class.d.ts → helper/dist/types/cx.d.ts} +1 -1
  103. package/packages/helper/dist/types/cx.d.ts.map +1 -0
  104. package/packages/helper/dist/types/index.d.ts +6 -0
  105. package/packages/helper/dist/types/index.d.ts.map +1 -0
  106. package/packages/helper/dist/types/querySelector.d.ts +2 -0
  107. package/packages/helper/dist/types/querySelector.d.ts.map +1 -0
  108. package/packages/helper/dist/types/styles.d.ts +22 -0
  109. package/packages/helper/dist/types/styles.d.ts.map +1 -0
  110. package/packages/helper/dist/types/treefy.d.ts +8 -0
  111. package/packages/helper/dist/types/treefy.d.ts.map +1 -0
  112. package/packages/helper/node_modules/.bin/vitest +55 -0
  113. package/packages/helper/package.json +50 -0
  114. package/packages/helper/src/calc.ts +1 -0
  115. package/packages/helper/src/cx.ts +2 -0
  116. package/packages/helper/src/index.ts +5 -0
  117. package/packages/helper/src/querySelector.ts +20 -0
  118. package/packages/helper/src/styles.ts +114 -0
  119. package/packages/helper/src/treefy.ts +24 -0
  120. package/packages/helper/tests/calc.test.ts +22 -0
  121. package/packages/helper/tests/cx.test.ts +30 -0
  122. package/packages/helper/tests/querySelector.test.ts +24 -0
  123. package/packages/helper/tests/treefy.test.ts +111 -0
  124. package/packages/helper/tests/vitest.setup.ts +2 -0
  125. package/packages/helper/tsconfig.json +13 -0
  126. package/packages/helper/tsconfig.node.json +6 -0
  127. package/packages/helper/vite.config.ts +26 -0
  128. package/packages/markdown/.turbo/turbo-build.log +12 -0
  129. package/packages/markdown/README.md +129 -0
  130. package/packages/markdown/dist/index.cjs.js +149 -0
  131. package/packages/markdown/dist/index.es.js +16960 -0
  132. package/packages/markdown/dist/types/components/Markdown.d.ts +15 -0
  133. package/packages/markdown/dist/types/components/Markdown.d.ts.map +1 -0
  134. package/packages/markdown/dist/types/components/index.d.ts +2 -0
  135. package/packages/markdown/dist/types/components/index.d.ts.map +1 -0
  136. package/packages/markdown/dist/types/index.d.ts +2 -0
  137. package/packages/markdown/dist/types/index.d.ts.map +1 -0
  138. package/packages/markdown/dist/types/plugins/attr.d.ts +3 -0
  139. package/packages/markdown/dist/types/plugins/attr.d.ts.map +1 -0
  140. package/packages/markdown/dist/types/plugins/card.d.ts +3 -0
  141. package/packages/markdown/dist/types/plugins/card.d.ts.map +1 -0
  142. package/packages/markdown/dist/types/plugins/cell.d.ts +3 -0
  143. package/packages/markdown/dist/types/plugins/cell.d.ts.map +1 -0
  144. package/packages/markdown/dist/types/plugins/faq.d.ts +3 -0
  145. package/packages/markdown/dist/types/plugins/faq.d.ts.map +1 -0
  146. package/packages/markdown/dist/types/plugins/grid.d.ts +3 -0
  147. package/packages/markdown/dist/types/plugins/grid.d.ts.map +1 -0
  148. package/packages/markdown/dist/types/plugins/headings.d.ts +11 -0
  149. package/packages/markdown/dist/types/plugins/headings.d.ts.map +1 -0
  150. package/packages/markdown/dist/types/plugins/helper.d.ts +9 -0
  151. package/packages/markdown/dist/types/plugins/helper.d.ts.map +1 -0
  152. package/packages/markdown/dist/types/plugins/index.d.ts +9 -0
  153. package/packages/markdown/dist/types/plugins/index.d.ts.map +1 -0
  154. package/packages/markdown/dist/types/plugins/linkButton.d.ts +3 -0
  155. package/packages/markdown/dist/types/plugins/linkButton.d.ts.map +1 -0
  156. package/packages/markdown/dist/types/plugins/youtube.d.ts +3 -0
  157. package/packages/markdown/dist/types/plugins/youtube.d.ts.map +1 -0
  158. package/packages/markdown/node_modules/.bin/autoprefixer +55 -0
  159. package/packages/markdown/package.json +84 -0
  160. package/packages/markdown/src/components/Markdown.tsx +365 -0
  161. package/packages/markdown/src/components/index.ts +1 -0
  162. package/packages/markdown/src/global.d.ts +9 -0
  163. package/packages/markdown/src/index.ts +1 -0
  164. package/packages/markdown/src/plugins/attr.ts +19 -0
  165. package/packages/markdown/src/plugins/card.ts +57 -0
  166. package/packages/markdown/src/plugins/cell.ts +47 -0
  167. package/packages/markdown/src/plugins/faq.ts +40 -0
  168. package/packages/markdown/src/plugins/grid.ts +54 -0
  169. package/packages/markdown/src/plugins/headings.ts +38 -0
  170. package/packages/markdown/src/plugins/helper.ts +27 -0
  171. package/packages/markdown/src/plugins/index.ts +8 -0
  172. package/packages/markdown/src/plugins/linkButton.ts +26 -0
  173. package/packages/markdown/src/plugins/youtube.ts +49 -0
  174. package/packages/markdown/tsconfig.json +13 -0
  175. package/packages/markdown/tsconfig.node.json +7 -0
  176. package/packages/markdown/vite.config.ts +30 -0
  177. package/packages/tailwind-theme-plugin/#package.json# +51 -0
  178. package/packages/tailwind-theme-plugin/.turbo/turbo-build.log +12 -0
  179. package/packages/tailwind-theme-plugin/dist/index.cjs.js +1 -1
  180. package/packages/tailwind-theme-plugin/dist/index.es.js +4970 -6093
  181. package/packages/tailwind-theme-plugin/dist/types/index.d.ts +1 -4
  182. package/packages/tailwind-theme-plugin/dist/types/index.d.ts.map +1 -1
  183. package/packages/tailwind-theme-plugin/node_modules/.bin/autoprefixer +44 -6
  184. package/packages/tailwind-theme-plugin/package.json +11 -9
  185. package/packages/tailwind-theme-plugin/src/index.ts +241 -349
  186. package/packages/tailwind-theme-plugin/vite.config.ts +2 -0
  187. package/packages/core/src/libs/cx.ts +0 -2
  188. package/packages/core/src/libs/forward-ref.ts +0 -44
  189. package/packages/core/src/types/component.ts +0 -83
  190. package/packages/forms/dist/types/utils/class.d.ts.map +0 -1
  191. package/packages/forms/node_modules/.bin/acorn +0 -17
  192. package/packages/forms/node_modules/.bin/browserslist +0 -17
  193. package/packages/forms/node_modules/.bin/eslint +0 -17
  194. package/packages/forms/node_modules/.bin/tailwind +0 -17
  195. package/packages/forms/node_modules/.bin/tailwindcss +0 -17
  196. package/packages/forms/node_modules/.bin/ts-node +0 -17
  197. package/packages/forms/node_modules/.bin/ts-node-cwd +0 -17
  198. package/packages/forms/node_modules/.bin/ts-node-esm +0 -17
  199. package/packages/forms/node_modules/.bin/ts-node-script +0 -17
  200. package/packages/forms/node_modules/.bin/ts-node-transpile-only +0 -17
  201. package/packages/forms/node_modules/.bin/ts-script +0 -17
  202. package/packages/forms/node_modules/.bin/vitest +0 -17
  203. package/packages/forms/src/utils/class.ts +0 -2
  204. package/packages/tailwind-theme-plugin/node_modules/.bin/browserslist +0 -17
  205. package/packages/tailwind-theme-plugin/node_modules/.bin/tailwind +0 -17
  206. package/packages/tailwind-theme-plugin/node_modules/.bin/tailwindcss +0 -17
  207. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node +0 -17
  208. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-cwd +0 -17
  209. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-esm +0 -17
  210. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-script +0 -17
  211. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-transpile-only +0 -17
  212. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-script +0 -17
@@ -0,0 +1,60 @@
1
+ import React from 'react'
2
+ import { describe, it, expect, vi } from 'vitest'
3
+ import { render, screen } from '@testing-library/react'
4
+
5
+ import { Link } from '../src'
6
+
7
+ describe('Link', () => {
8
+ it('should render a link', async () => {
9
+ render(<Link href="/">Button</Link>)
10
+
11
+ const link = screen.getByRole('link')
12
+ expect(link).toBeInTheDocument()
13
+ expect(link).not.toHaveAttribute('target')
14
+ })
15
+
16
+ it('should render a link with icon', async () => {
17
+ render(<Link href="https://google.com">Button</Link>)
18
+
19
+ const link = screen.getByRole('link')
20
+ expect(link).toBeInTheDocument()
21
+ expect(link).toHaveAttribute('target')
22
+
23
+ const text = screen.getByText(/open_in_new/)
24
+ expect(text).toBeInTheDocument()
25
+ })
26
+
27
+ it('should render a link with icon', async () => {
28
+ render(
29
+ <Link href="/test" target="_blank">
30
+ Button
31
+ </Link>
32
+ )
33
+
34
+ const link = screen.getByRole('link')
35
+ expect(link).toBeInTheDocument()
36
+ expect(link).toHaveAttribute('target')
37
+
38
+ const text = screen.getByText(/open_in_new/)
39
+ expect(text).toBeInTheDocument()
40
+ })
41
+
42
+ it('should labeled text from Button', async () => {
43
+ render(<Link href="/">here</Link>)
44
+
45
+ const text = screen.getByText(/here/)
46
+ expect(text).toBeInTheDocument()
47
+ })
48
+
49
+ it('should pass an object to the ref property', async () => {
50
+ const ref = vi.fn()
51
+
52
+ render(
53
+ <Link ref={ref} href="/">
54
+ link
55
+ </Link>
56
+ )
57
+
58
+ expect(ref).toHaveBeenCalledTimes(1)
59
+ })
60
+ })
@@ -1 +1,2 @@
1
+ /// <reference types="vitest" />
1
2
  import '@testing-library/jest-dom'
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "compilerOptions": {
3
- "composite": true
3
+ "composite": true,
4
+ "resolveJsonModule": true
4
5
  },
5
- "include": ["vite.config.ts"]
6
+ "include": ["vite.config.ts", "package.json"]
6
7
  }
@@ -3,10 +3,11 @@ import { resolve } from 'node:path'
3
3
  import { defineConfig } from 'vite'
4
4
  import react from '@vitejs/plugin-react-swc'
5
5
  import { peerDependencies } from './package.json'
6
+ import tailwindcss from '@tailwindcss/vite'
6
7
 
7
8
  // https://vitejs.dev/config/
8
9
  export default defineConfig({
9
- plugins: [react()],
10
+ plugins: [react(), tailwindcss()],
10
11
  resolve: {
11
12
  alias: {
12
13
  '@': resolve(__dirname, 'src')
@@ -0,0 +1,12 @@
1
+ $ rimraf dist
2
+ $ run-p build:*
3
+ $ tsc && tsc-alias
4
+ $ vite build
5
+ vite v7.3.6 building client environment for production...
6
+ transforming...
7
+ ✓ 25 modules transformed.
8
+ rendering chunks...
9
+ computing gzip size...
10
+ dist/index.es.js 24.88 kB │ gzip: 6.26 kB
11
+ dist/index.cjs.js 17.18 kB │ gzip: 5.32 kB
12
+ ✓ built in 797ms
@@ -1,46 +1,94 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");var ne={exports:{}},Y={};/**
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 ke;function Cr(){if(ke)return Y;ke=1;var v=y,g=Symbol.for("react.element"),b=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,f=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function i(o,a,R){var h,d={},j=null,w=null;R!==void 0&&(j=""+R),a.key!==void 0&&(j=""+a.key),a.ref!==void 0&&(w=a.ref);for(h in a)x.call(a,h)&&!u.hasOwnProperty(h)&&(d[h]=a[h]);if(o&&o.defaultProps)for(h in a=o.defaultProps,a)d[h]===void 0&&(d[h]=a[h]);return{$$typeof:g,type:o,key:j,ref:w,props:d,_owner:f.current}}return Y.Fragment=b,Y.jsx=i,Y.jsxs=i,Y}var V={};/**
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 Ne;function Ir(){return Ne||(Ne=1,process.env.NODE_ENV!=="production"&&function(){var v=y,g=Symbol.for("react.element"),b=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),o=Symbol.for("react.context"),a=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),k=Symbol.iterator,Ue="@@iterator";function ze(e){if(e===null||typeof e!="object")return null;var r=k&&e[k]||e[Ue];return typeof r=="function"?r:null}var D=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Be("error",e,t)}}function Be(e,r,t){{var n=D.ReactDebugCurrentFrame,p=n.getStackAddendum();p!==""&&(r+="%s",t=t.concat([p]));var m=t.map(function(c){return String(c)});m.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,m)}}var Ge=!1,Je=!1,Ke=!1,He=!1,Xe=!1,oe;oe=Symbol.for("react.module.reference");function Ze(e){return!!(typeof e=="string"||typeof e=="function"||e===x||e===u||Xe||e===f||e===R||e===h||He||e===w||Ge||Je||Ke||typeof e=="object"&&e!==null&&(e.$$typeof===j||e.$$typeof===d||e.$$typeof===i||e.$$typeof===o||e.$$typeof===a||e.$$typeof===oe||e.getModuleId!==void 0))}function Qe(e,r,t){var n=e.displayName;if(n)return n;var p=r.displayName||r.name||"";return p!==""?t+"("+p+")":t}function le(e){return e.displayName||"Context"}function N(e){if(e==null)return null;if(typeof e.tag=="number"&&T("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 x:return"Fragment";case b:return"Portal";case u:return"Profiler";case f:return"StrictMode";case R:return"Suspense";case h:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case o:var r=e;return le(r)+".Consumer";case i:var t=e;return le(t._context)+".Provider";case a:return Qe(e,e.render,"ForwardRef");case d:var n=e.displayName||null;return n!==null?n:N(e.type)||"Memo";case j:{var p=e,m=p._payload,c=p._init;try{return N(c(m))}catch{return null}}}return null}var F=Object.assign,M=0,ue,ce,de,fe,pe,ve,be;function me(){}me.__reactDisabledLog=!0;function er(){{if(M===0){ue=console.log,ce=console.info,de=console.warn,fe=console.error,pe=console.group,ve=console.groupCollapsed,be=console.groupEnd;var e={configurable:!0,enumerable:!0,value:me,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}M++}}function rr(){{if(M--,M===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:ue}),info:F({},e,{value:ce}),warn:F({},e,{value:de}),error:F({},e,{value:fe}),group:F({},e,{value:pe}),groupCollapsed:F({},e,{value:ve}),groupEnd:F({},e,{value:be})})}M<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var K=D.ReactCurrentDispatcher,H;function U(e,r,t){{if(H===void 0)try{throw Error()}catch(p){var n=p.stack.trim().match(/\n( *(at )?)/);H=n&&n[1]||""}return`
18
- `+H+e}}var X=!1,z;{var tr=typeof WeakMap=="function"?WeakMap:Map;z=new tr}function he(e,r){if(!e||X)return"";{var t=z.get(e);if(t!==void 0)return t}var n;X=!0;var p=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var m;m=K.current,K.current=null,er();try{if(r){var c=function(){throw Error()};if(Object.defineProperty(c.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(c,[])}catch(S){n=S}Reflect.construct(e,[],c)}else{try{c.call()}catch(S){n=S}e.call(c.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var l=S.stack.split(`
19
- `),I=n.stack.split(`
20
- `),E=l.length-1,_=I.length-1;E>=1&&_>=0&&l[E]!==I[_];)_--;for(;E>=1&&_>=0;E--,_--)if(l[E]!==I[_]){if(E!==1||_!==1)do if(E--,_--,_<0||l[E]!==I[_]){var P=`
21
- `+l[E].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&z.set(e,P),P}while(E>=1&&_>=0);break}}}finally{X=!1,K.current=m,rr(),Error.prepareStackTrace=p}var $=e?e.displayName||e.name:"",q=$?U($):"";return typeof e=="function"&&z.set(e,q),q}function ar(e,r,t){return he(e,!1)}function nr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function B(e,r,t){if(e==null)return"";if(typeof e=="function")return he(e,nr(e));if(typeof e=="string")return U(e);switch(e){case R:return U("Suspense");case h:return U("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case a:return ar(e.render);case d:return B(e.type,r,t);case j:{var n=e,p=n._payload,m=n._init;try{return B(m(p),r,t)}catch{}}}return""}var W=Object.prototype.hasOwnProperty,ge={},xe=D.ReactDebugCurrentFrame;function G(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);xe.setExtraStackFrame(t)}else xe.setExtraStackFrame(null)}function sr(e,r,t,n,p){{var m=Function.call.bind(W);for(var c in e)if(m(e,c)){var l=void 0;try{if(typeof e[c]!="function"){var I=Error((n||"React class")+": "+t+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw I.name="Invariant Violation",I}l=e[c](r,c,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){l=E}l&&!(l instanceof Error)&&(G(p),T("%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,c,typeof l),G(null)),l instanceof Error&&!(l.message in ge)&&(ge[l.message]=!0,G(p),T("Failed %s type: %s",t,l.message),G(null))}}}var ir=Array.isArray;function Z(e){return ir(e)}function or(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function lr(e){try{return ye(e),!1}catch{return!0}}function ye(e){return""+e}function Re(e){if(lr(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",or(e)),ye(e)}var L=D.ReactCurrentOwner,ur={key:!0,ref:!0,__self:!0,__source:!0},Ee,_e,Q;Q={};function cr(e){if(W.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function dr(e){if(W.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function fr(e,r){if(typeof e.ref=="string"&&L.current&&r&&L.current.stateNode!==r){var t=N(L.current.type);Q[t]||(T('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',N(L.current.type),e.ref),Q[t]=!0)}}function pr(e,r){{var t=function(){Ee||(Ee=!0,T("%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 vr(e,r){{var t=function(){_e||(_e=!0,T("%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 br=function(e,r,t,n,p,m,c){var l={$$typeof:g,type:e,key:r,ref:t,props:c,_owner:m};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function mr(e,r,t,n,p){{var m,c={},l=null,I=null;t!==void 0&&(Re(t),l=""+t),dr(r)&&(Re(r.key),l=""+r.key),cr(r)&&(I=r.ref,fr(r,p));for(m in r)W.call(r,m)&&!ur.hasOwnProperty(m)&&(c[m]=r[m]);if(e&&e.defaultProps){var E=e.defaultProps;for(m in E)c[m]===void 0&&(c[m]=E[m])}if(l||I){var _=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&pr(c,_),I&&vr(c,_)}return br(e,l,I,p,n,L.current,c)}}var ee=D.ReactCurrentOwner,je=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}var re;re=!1;function te(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}function we(){{if(ee.current){var e=N(ee.current.type);if(e)return`
22
-
23
- Check the render method of \``+e+"`."}return""}}function hr(e){return""}var Te={};function gr(e){{var r=we();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
24
-
25
- Check the top-level render call using <`+t+">.")}return r}}function Ce(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=gr(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+N(e._owner.type)+"."),A(e),T('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),A(null)}}function Ie(e,r){{if(typeof e!="object")return;if(Z(e))for(var t=0;t<e.length;t++){var n=e[t];te(n)&&Ce(n,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var p=ze(e);if(typeof p=="function"&&p!==e.entries)for(var m=p.call(e),c;!(c=m.next()).done;)te(c.value)&&Ce(c.value,r)}}}function xr(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===a||r.$$typeof===d))t=r.propTypes;else return;if(t){var n=N(r);sr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!re){re=!0;var p=N(r);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function yr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){A(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),A(null);break}}e.ref!==null&&(A(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Se={};function Pe(e,r,t,n,p,m){{var c=Ze(e);if(!c){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" 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 I=hr();I?l+=I:l+=we();var E;e===null?E="null":Z(e)?E="array":e!==void 0&&e.$$typeof===g?(E="<"+(N(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,l)}var _=mr(e,r,t,p,m);if(_==null)return _;if(c){var P=r.children;if(P!==void 0)if(n)if(Z(P)){for(var $=0;$<P.length;$++)Ie(P[$],e);Object.freeze&&Object.freeze(P)}else T("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 Ie(P,e)}if(W.call(r,"key")){var q=N(e),S=Object.keys(r).filter(function(Tr){return Tr!=="key"}),ae=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!Se[q+ae]){var wr=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var k={exports:{}},E={};var U;function ve(){if(U)return E;U=1;var r=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(n,a,t){var o=null;if(t!==void 0&&(o=""+t),a.key!==void 0&&(o=""+a.key),"key"in a){t={};for(var u in a)u!=="key"&&(t[u]=a[u])}else t=a;return a=t.ref,{$$typeof:r,type:n,key:o,ref:a!==void 0?a:null,props:t}}return E.Fragment=i,E.jsx=c,E.jsxs=c,E}var _={};var G;function ye(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===me?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case ne:return"Profiler";case ie:return"StrictMode";case fe:return"Suspense";case pe:return"SuspenseList";case xe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case oe:return"Portal";case ce:return e.displayName||"Context";case de:return(e._context.displayName||"Context")+".Consumer";case ue:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case be:return l=e.displayName||null,l!==null?l:r(e.type)||"Memo";case P:l=e._payload,e=e._init;try{return r(e(l))}catch{}}return null}function i(e){return""+e}function c(e){try{i(e);var l=!1}catch{l=!0}if(l){l=console;var p=l.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),i(e)}}function n(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var l=r(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function o(e){if(Y.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function u(e,l){function p(){z||(z=!0,console.error("%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://react.dev/link/special-props)",l))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function d(){var e=r(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,l,p,b,I,A){var x=p.ref;return e={$$typeof:F,type:e,key:l,props:p,_owner:b},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,l,p,b,I,A){var x=l.children;if(x!==void 0)if(b)if(ge(x)){for(b=0;b<x.length;b++)g(x[b]);Object.freeze&&Object.freeze(x)}else console.error("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 g(x);if(Y.call(l,"key")){x=r(e);var j=Object.keys(l).filter(function(he){return he!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",B[x+b]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
26
2
  let props = %s;
27
3
  <%s {...props} />
28
4
  React keys must be passed directly to JSX without using spread:
29
5
  let props = %s;
30
- <%s key={someKey} {...props} />`,ae,q,wr,q),Se[q+ae]=!0}}return e===x?yr(_):xr(_),_}}function Rr(e,r,t){return Pe(e,r,t,!0)}function Er(e,r,t){return Pe(e,r,t,!1)}var _r=Er,jr=Rr;V.Fragment=x,V.jsx=_r,V.jsxs=jr}()),V}process.env.NODE_ENV==="production"?ne.exports=Cr():ne.exports=Ir();var s=ne.exports;const C=(...v)=>v.filter(Boolean).join(" "),O=y.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),Oe=`
6
+ <%s key={someKey} {...props} />`,b,x,j,x),B[x+b]=!0)}if(x=null,p!==void 0&&(c(p),x=""+p),o(l)&&(c(l.key),x=""+l.key),"key"in l){p={};for(var $ in l)$!=="key"&&(p[$]=l[$])}else p=l;return x&&u(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,x,p,a(),I,A)}function g(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var v=R,F=Symbol.for("react.transitional.element"),oe=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ie=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),de=Symbol.for("react.consumer"),ce=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),be=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),xe=Symbol.for("react.activity"),me=Symbol.for("react.client.reference"),S=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ge=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var z,L={},D=v.react_stack_bottom_frame.bind(v,t)(),W=O(n(t)),B={};_.Fragment=C,_.jsx=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!1,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)},_.jsxs=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!0,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)}})()),_}var V;function Re(){return V||(V=1,process.env.NODE_ENV==="production"?k.exports=ve():k.exports=ye()),k.exports}var s=Re();const y=(...r)=>r.filter(Boolean).join(" ");var N;(r=>{r.clickable=`
7
+ px-2
8
+ min-h-[calc(44/16*1rem)]
9
+ border
10
+ border-transparent
11
+ rounded-lg
12
+ hover:bg-solid-grey-50
13
+ `,r.selected=`
14
+ rounded-full
15
+ bg-yellow-50
16
+ `;const i=`
17
+ focus-visible:outline-4
18
+ focus-visible:outline-black
19
+ focus-visible:ring-yellow-300
20
+ `;r.focusRectCondensed=`
21
+ ${i}
22
+ focus-visible:-outline-offset-4
23
+ focus-visible:ring-[calc(6/16*1rem)]
24
+ focus-visible:ring-inset
25
+ `,r.focusRectCondensedWithBg=`
26
+ ${r.focusRectCondensed}
27
+ focus-visible:bg-yellow-300
28
+ `,r.focusRect=`
29
+ ${i}
30
+ focus-visible:outline-offset-[calc(2/16*1rem)]
31
+ focus-visible:ring-[calc(2/16*1rem)]
32
+ `,r.focusRounded=`
33
+ ${r.focusRect}
34
+ focus-visible:rounded-sm
35
+ `,r.focusCard=`
36
+ ${r.focusRect}
37
+ focus-visible:rounded-2xl
38
+ sm:focus-visible:rounded-3xl
39
+ `,r.focusRectWithBg=`
40
+ ${r.focusRect}
41
+ focus-visible:bg-yellow-300
42
+ `,r.focusRoundedWithBg=`
43
+ ${r.focusRectWithBg}
44
+ focus-visible:rounded-sm
45
+ `,r.hoverUnderline=`
46
+ hover:underline
47
+ hover:underline-offset-[calc(3/16*1rem)]
48
+ `,r.underline=`
49
+ underline
50
+ underline-offset-[calc(3/16*1rem)]
51
+ hover:decoration-[calc(3/16*1rem)]
52
+ `,r.underlineNoDeco=`
53
+ underline
54
+ underline-offset-[calc(3/16*1rem)]
55
+ `,r.popover=`
56
+ min-w-fit
57
+ w-auto
58
+ py-2
59
+ bg-white
60
+ shadow-1
61
+ rounded-lg
62
+ border
63
+ border-solid-grey-420
64
+ has-[>:nth-child(7)]:rounded-r-none
65
+ `,r.popoverPositionBottomRight=`
66
+ absolute
67
+ top-11
68
+ right-0
69
+ `,r.popoverPositionBottomLeft=`
70
+ absolute
71
+ top-11
72
+ left-0
73
+ `,(c=>{c.focus=`
74
+ peer-focus-visible:outline-4
75
+ peer-focus-visible:outline-black
76
+ peer-focus-visible:ring-yellow-300
77
+ `,c.focusRect=`
78
+ ${c.focus}
79
+ peer-focus-visible:outline-offset-[calc(2/16*1rem)]
80
+ peer-focus-visible:ring-[calc(2/16*1rem)]
81
+ `})(r.Peer||(r.Peer={}))})(N||(N={}));const T=R.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),J=`
31
82
  bg-white
32
83
  border
33
84
  border-solid
34
- border-sumi-900
35
- outline-offset-2
36
- focus:outline
37
- focus:outline-2
38
- focus:outline-wood-500
85
+ border-solid-gray-900
39
86
  disabled:bg-transparent
40
- disabled:text-sumi-500
41
- disabled:border-sumi-500
42
- aria-invalid:border-sun-800
43
- `,Fe={lg:`
87
+ disabled:text-solid-gray-500
88
+ disabled:border-solid-gray-500
89
+ aria-invalid:border-red-800
90
+ ${N.focusRect}
91
+ `,H={lg:`
44
92
  p-4
45
93
  text-label
46
94
  rounded-lg
@@ -57,13 +105,13 @@ React keys must be passed directly to JSX without using spread:
57
105
  text-label
58
106
  rounded-md
59
107
  leading-snug
60
- `},qe=`
108
+ `},X=`
61
109
  inline-block
62
110
  cursor-pointer
63
111
  border
64
112
  border-solid
65
113
  border-transparent
66
- `,De={lg:`
114
+ `,Z={lg:`
67
115
  pr-8
68
116
  py-4
69
117
  text-label
@@ -78,107 +126,111 @@ React keys must be passed directly to JSX without using spread:
78
126
  py-2
79
127
  text-label
80
128
  leading-snug
81
- `},Ae={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},se=y.forwardRef((v,g)=>{const{id:b,className:x,size:f="lg",children:u,...i}=v,o=b||y.useId(),a=y.useContext(O);a.isRequired&&(i.required=!0),a.groupName&&(i.name=a.groupName);const R={lg:22/24,md:18/24,sm:18/24};return s.jsx("label",{htmlFor:o,className:C(qe,De[f],x),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:o,className:`
82
- peer
83
- sr-only
84
- `,type:"checkbox","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...i,ref:g}),s.jsx("span",{className:C(`
85
- bg-clip-content
86
- rounded
87
- border
88
- border-solid
89
- border-sumi-900
90
- fill-transparent
91
- peer-checked:fill-white
92
- peer-checked:bg-sea-600
93
- peer-checked:border-none
94
- peer-disabled:border-sumi-500
95
- peer-focus-visible:ring-2
96
- peer-focus-visible:ring-offset-2
97
- peer-focus-visible:ring-wood-500
98
- `,Ae[f]),children:s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:[s.jsx("title",{children:"check"}),s.jsx("g",{transform:`scale(${R[f]} ${R[f]})`,children:s.jsx("path",{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"})})]})}),s.jsx("span",{className:"peer-disabled:text-sumi-500",children:u})]})})});se.displayName="Checkbox";const ie=y.forwardRef((v,g)=>{const{id:b,className:x,size:f="lg",children:u,...i}=v,o=b||y.useId(),a=y.useContext(O);a.isRequired&&(i.required=!0),a.groupName&&(i.name=a.groupName);const R=`
99
- peer
100
- sr-only
101
- `,h=`
102
- bg-clip-content
103
- rounded-full
104
- border
105
- border-solid
106
- border-sumi-900
107
- peer-checked:bg-sea-600
108
- peer-checked:border-sea-600
109
- peer-disabled:border-sumi-500
110
- peer-focus-visible:ring-2
111
- peer-focus-visible:ring-offset-2
112
- peer-focus-visible:ring-wood-500
113
- `,d={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:o,className:C(qe,De[f],x),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:o,className:R,type:"radio","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...i,ref:g}),s.jsx("span",{"aria-hidden":!0,className:C(h,d[f],Ae[f])}),s.jsx("span",{className:"peer-disabled:text-sumi-500",children:u})]})})});ie.displayName="Radio";const Sr=y.forwardRef((v,g)=>{const{id:b,className:x,size:f="lg",children:u,...i}=v,o=y.useContext(O);return o.isRequired&&(i.required=!0),s.jsxs("div",{className:"inline-block relative",children:[s.jsx("select",{id:b||o.id,className:C(`
114
- !pr-8
115
- peer
116
- cursor-pointer
117
- appearance-none
118
- `,Oe,Fe[f],v.className),"aria-describedby":o.helperTextId,"aria-errormessage":o.errorMessageId,"aria-invalid":o.isInvalid??!1,"aria-required":o.isRequired??!1,...i,ref:g,children:u}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
119
- pointer-events-none
120
- absolute
121
- right-4
122
- top-1/2
123
- -translate-y-1/2
124
- text-sumi-900
125
- peer-disabled:text-sumi-500
126
- `,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[s.jsx("title",{children:"arrow down"}),s.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",fill:"currentColor"})]})]})}),$e=y.forwardRef((v,g)=>{const{id:b,className:x,...f}=v,u=y.useContext(O);return u.isRequired&&(f.required=!0),s.jsx("input",{type:"file",id:b||u.id,className:C(`
127
- file:mr-2
128
- file:inline-block
129
- file:text-button
130
- file:text-center
131
- file:cursor-pointer
132
- file:select-none
133
- file:touch-manipulation
134
- file:whitespace-nowrap
135
- file:border
136
- file:border-solid
137
- file:border-sea-800
138
- file:active:border-sea-1200
139
- file:hover:border-sea-900
140
- file:disabled:border-sumi-500
141
- file:disabled:cursor-not-allowed
142
- `,`
143
- file:text-sea-800
144
- file:bg-transparent
145
- file:active:bg-sea-200
146
- file:hover:bg-sea-100
147
- file:active:text-sea-1200
148
- file:hover:text-sea-900
149
- file:disabled:text-sumi-500
150
- file:disabled:bg-transparent
151
- `,`
129
+ `},Q={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},q=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useId(),u=i||o,d=R.useContext(T);d.isRequired&&(t.required=!0),d.groupName&&(t.name=d.groupName);const m={lg:22/24,md:18/24,sm:18/24},f=`
130
+ peer
131
+ sr-only
132
+ `,g=`
133
+ bg-clip-content
134
+ rounded-sm
135
+ border
136
+ border-solid
137
+ border-solid-gray-900
138
+ fill-transparent
139
+ peer-checked:fill-white
140
+ peer-checked:bg-blue-600
141
+ peer-checked:border-none
142
+ peer-disabled:border-solid-gray-500
143
+ ${N.Peer.focusRect}
144
+ `;return s.jsx("label",{htmlFor:u,className:y(X,Z[n],c),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:f,type:"checkbox","aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,...t}),s.jsx("span",{className:y(g,Q[n]),children:s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:s.jsx("g",{transform:`scale(${m[n]} ${m[n]})`,children:s.jsx("path",{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"})})})}),s.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:a})]})})};q.displayName="Checkbox";const M=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useId(),u=i||o,d=R.useContext(T);d.isRequired&&(t.required=!0),d.groupName&&(t.name=d.groupName);const m=`
145
+ peer
146
+ sr-only
147
+ `,f=`
148
+ bg-clip-content
149
+ rounded-full
150
+ border
151
+ border-solid
152
+ border-solid-gray-900
153
+ peer-checked:bg-blue-600
154
+ peer-checked:border-blue-600
155
+ peer-disabled:border-solid-gray-500
156
+ ${N.Peer.focusRect}
157
+ `,g={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:u,className:y(X,Z[n],c),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:m,type:"radio","aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,...t}),s.jsx("span",{"aria-hidden":!0,className:y(f,g[n],Q[n])}),s.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:a})]})})};M.displayName="Radio";const K=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useContext(T);return o.isRequired&&(t.required=!0),s.jsxs("div",{className:"inline-block relative",children:[s.jsx("select",{id:i||o.id,className:y(`
158
+ !pr-8
159
+ peer
160
+ cursor-pointer
161
+ appearance-none
162
+ `,J,H[n],c),"aria-describedby":o.helperTextId,"aria-errormessage":o.errorMessageId,"aria-invalid":o.isInvalid??!1,"aria-required":o.isRequired??!1,...t,children:a}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
163
+ pointer-events-none
164
+ absolute
165
+ right-4
166
+ top-1/2
167
+ -translate-y-1/2
168
+ text-solid-gray-900
169
+ peer-disabled:text-solid-gray-500
170
+ `,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[s.jsx("title",{children:"arrow down"}),s.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",fill:"currentColor"})]})]})};K.displayName="Select";const ee=r=>{const{id:i,className:c,size:n="lg",...a}=r,t=R.useContext(T);t.isRequired&&(a.required=!0);const o=`
171
+ file:mr-2
172
+ file:inline-block
173
+ file:text-button
174
+ file:text-center
175
+ file:cursor-pointer
176
+ file:select-none
177
+ file:touch-manipulation
178
+ file:whitespace-nowrap
179
+ file:border
180
+ file:border-solid
181
+ file:border-blue-900
182
+ file:hover:border-blue-1000
183
+ file:active:border-blue-1200
184
+ file:disabled:border-solid-gray-500
185
+ file:disabled:cursor-not-allowed
186
+ `,u=`
187
+ file:text-blue-900
188
+ file:hover:text-blue-1000
189
+ file:active:text-blue-1200
190
+ file:bg-transparent
191
+ file:hover:bg-blue-200
192
+ file:active:bg-blue-300
193
+ file:disabled:text-solid-gray-500
194
+ file:disabled:bg-transparent
195
+ `,d=`
196
+ text-label
197
+ text-solid-gray-900
198
+ rounded-lg
199
+ outline-offset-2
200
+ aria-invalid:text-red-800
201
+ ${N.hoverUnderline}
202
+ ${N.focusRounded}
203
+ `,m={lg:`
152
204
  file:p-4
153
205
  file:text-button
154
206
  file:rounded-lg
155
207
  file:leading-snug
156
- `,`
157
- text-label
158
- text-sumi-900
159
- rounded-lg
160
- outline-offset-2
161
- focus:outline
162
- focus:outline-2
163
- focus:outline-wood-600
164
- aria-invalid:text-sun-800
165
- `,x),"aria-describedby":u.helperTextId,"aria-errormessage":u.errorMessageId,"aria-invalid":u.isInvalid??!1,"aria-required":u.isRequired??!1,ref:g,...f})});$e.displayName="FileInput";const Me=y.forwardRef((v,g)=>{const{id:b,className:x,size:f="lg",...u}=v,i=y.useContext(O);return i.isRequired&&(u.required=!0),s.jsx("input",{type:"text",id:b||i.id,className:C(Oe,Fe[f],x),"aria-describedby":i.helperTextId,"aria-errormessage":i.errorMessageId,"aria-invalid":i.isInvalid??!1,"aria-required":i.isRequired??!1,ref:g,...u})});Me.displayName="Input";const We=y.forwardRef((v,g)=>{const{id:b,className:x,children:f,onChange:u,maxLength:i,...o}=v,[a,R]=y.useState(0),h=k=>{u&&u(k),R(k.target.value.length)},d=y.useContext(O);d.isRequired&&(o.required=!0);const j=a>(i||0)?"text-sun-800":"text-sumi-700";return s.jsxs(s.Fragment,{children:[s.jsx("textarea",{id:b||d.id,className:C(`
208
+ `,md:`
209
+ file:px-4
210
+ file:py-3
211
+ file:text-button
212
+ file:rounded-lg
213
+ file:leading-snug
214
+ `,sm:`
215
+ file:px-3
216
+ file:py-2
217
+ file:text-button
218
+ file:rounded-md
219
+ file:leading-snug
220
+ `};return s.jsx("input",{type:"file",id:i||t.id,className:y(o,u,m[n],d,c),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,"aria-required":t.isRequired??!1,role:"button","aria-label":"File Upload",...a})};ee.displayName="FileInput";const re=r=>{const{id:i,className:c,size:n="lg",...a}=r,t=R.useContext(T);return t.isRequired&&(a.required=!0),s.jsx("input",{type:"text",id:i||t.id,className:y(J,H[n],c),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,"aria-required":t.isRequired??!1,...a})};re.displayName="Input";const te=r=>{const{id:i,className:c,children:n,onChange:a,maxLength:t,...o}=r,[u,d]=R.useState(0),m=v=>{a&&a(v),d(v.target.value.length)},f=R.useContext(T);f.isRequired&&(o.required=!0);const g=u>(t||0)?"text-red-800":"text-solid-gray-700",h=`
166
221
  p-4
167
222
  text-label
168
223
  rounded-lg
169
224
  border
170
225
  border-solid
171
- border-sumi-900
172
- outline-offset-2
173
- focus:outline
174
- focus:outline-2
175
- focus:outline-wood-500
226
+ border-solid-gray-900
176
227
  disabled:bg-transparent
177
- disabled:text-sumi-500
178
- disabled:border-sumi-500
179
- aria-invalid:border-sun-800
180
- `,x),"aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,onChange:h,...o,ref:g,children:f}),i?s.jsxs("p",{className:"text-label text-sumi-700",children:[s.jsx("span",{className:j,children:a}),"/",s.jsx("span",{children:i})]}):""]})});We.displayName="Textarea";const Le=y.forwardRef((v,g)=>{const b=y.useId(),{labelText:x,className:f,helperText:u,errorMessage:i,isInvalid:o,isRequired:a,children:R,...h}=v,d={id:v.htmlFor??`input-${b}`,helperTextId:`helper-text-${b}`,errorMessageId:`error-message-${b}`,isInvalid:o??!1,isRequired:a??!1};return s.jsx(O.Provider,{value:d,children:s.jsxs("div",{className:C("mb-4",f),children:[s.jsxs("label",{className:C("block mb-2 text-label",o&&"text-sun-800"),htmlFor:d.id,ref:g,...h,children:[x,a&&s.jsx("span",{className:"text-label text-sun-800",children:" *"})]}),u&&s.jsx("p",{id:d.helperTextId,className:C(`
181
- text-label text-sumi-700
182
- `,"mb-2"),children:u}),R,o&&s.jsx("p",{id:d.errorMessageId,className:C(`
183
- text-label text-sun-800
184
- `,u?"mt-1":"mt-2"),children:i})]})})});Le.displayName="LabelControl";const J=y.forwardRef((v,g)=>{const b=y.useId(),{labelText:x,className:f,helperText:u,errorMessage:i,isInvalid:o,isRequired:a,direction:R,children:h,...d}=v,w={groupName:d.name??`group-${b}`,helperTextId:`helper-text-${b}`,errorMessageId:`error-message-${b}`,isInvalid:o??!1,isRequired:a??!1},k=R??"flex-col";return s.jsx(O.Provider,{value:w,children:s.jsxs("fieldset",{className:C("mb-4",f),ref:g,...d,children:[s.jsx("legend",{children:s.jsxs("p",{className:C("block mb-2 text-label",o&&"text-sun-800"),children:[x,a&&s.jsx("span",{className:"text-sun-800",children:" *"})]})}),s.jsx("div",{className:C("inline-flex",k),children:h}),u&&s.jsx("p",{id:w.helperTextId,className:"text-sup text-sumi-700 mt-2",children:u}),o&&s.jsx("p",{id:w.errorMessageId,className:C("text-label text-sun-800",u?"mt-1":"mt-2"),children:i})]})})});J.displayName="FieldsetControl";const Ye=y.forwardRef((v,g)=>{const{items:b,onChange:x,className:f,labelText:u,helperText:i,errorMessage:o,isInvalid:a,isRequired:R,size:h,...d}=v;return s.jsx(J,{className:f,labelText:u,helperText:i,errorMessage:o,isInvalid:a,isRequired:R,ref:g,...d,children:b.map(({label:j,value:w})=>s.jsx(se,{size:h,value:w,onChange:x,children:j},`${j}-${w}`))})});Ye.displayName="CheckboxGroup";const Ve=y.forwardRef((v,g)=>{const{items:b,onChange:x,className:f,labelText:u,helperText:i,errorMessage:o,isInvalid:a,isRequired:R,defaultValue:h,size:d,...j}=v;return s.jsx(J,{className:f,labelText:u,helperText:i,errorMessage:o,isInvalid:a,isRequired:R,ref:g,...j,children:b.map(({label:w,value:k})=>s.jsx(ie,{size:d,value:k,onChange:x,defaultChecked:h===k,children:w},`${w}-${k}`))})});Ve.displayName="RadioGroup";exports.Checkbox=se;exports.CheckboxGroup=Ye;exports.FieldsetControl=J;exports.FileInput=$e;exports.Input=Me;exports.LabelControl=Le;exports.Radio=ie;exports.RadioGroup=Ve;exports.Select=Sr;exports.Textarea=We;
228
+ disabled:text-solid-gray-500
229
+ disabled:border-solid-gray-500
230
+ aria-invalid:border-red-800
231
+ ${N.focusRect}
232
+ `;return s.jsxs(s.Fragment,{children:[s.jsx("textarea",{id:i||f.id,className:y(h,c),"aria-describedby":f.helperTextId,"aria-errormessage":f.errorMessageId,"aria-invalid":f.isInvalid??!1,"aria-required":f.isRequired??!1,onChange:m,...o,children:n}),t?s.jsxs("p",{className:"text-label text-solid-gray-700",children:[s.jsx("span",{className:g,children:u}),"/",s.jsx("span",{children:t})]}):""]})};te.displayName="Textarea";const se=r=>{const i=R.useId(),{labelText:c,className:n,helperText:a,errorMessage:t,isInvalid:o,isRequired:u,children:d,...m}=r,f={id:r.htmlFor??`input-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:o??!1,isRequired:u??!1};return s.jsx(T.Provider,{value:f,children:s.jsxs("div",{className:y("flex flex-col items-start gap-2",n),children:[s.jsxs("label",{className:y("block text-label",o&&"text-red-800"),htmlFor:f.id,...m,children:[c,u&&s.jsx("span",{className:"text-label text-red-800",children:" *"})]}),a&&s.jsx("p",{id:f.helperTextId,className:`
233
+ text-label text-solid-gray-700
234
+ `,children:a}),d,o&&s.jsx("p",{id:f.errorMessageId,className:`
235
+ text-label text-red-800
236
+ `,children:t})]})})};se.displayName="LabelControl";const w=r=>{const i=R.useId(),{labelText:c,className:n,helperText:a,errorMessage:t,isInvalid:o,isRequired:u,direction:d,children:m,...f}=r,h={groupName:f.name??`group-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:o??!1,isRequired:u??!1},v=d??"flex-col";return s.jsx(T.Provider,{value:h,children:s.jsxs("fieldset",{className:y("flex flex-col items-start gap-2",n),...f,children:[s.jsx("legend",{children:s.jsxs("p",{className:y("block text-label",o&&"text-red-800"),children:[c,u&&s.jsx("span",{className:"text-red-800",children:" *"})]})}),s.jsx("div",{className:y("inline-flex",v),children:m}),a&&s.jsx("p",{id:h.helperTextId,className:"text-sup text-solid-gray-700",children:a}),o&&s.jsx("p",{id:h.errorMessageId,className:"text-label text-red-800",children:t})]})})};w.displayName="FieldsetControl";const le=r=>{const{items:i,onChange:c,className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,size:m,...f}=r;return s.jsx(w,{className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,...f,children:i.map(({label:g,value:h})=>s.jsx(q,{size:m,value:h,onChange:c,children:g},`${g}-${h}`))})};le.displayName="CheckboxGroup";const ae=r=>{const{items:i,onChange:c,className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,defaultValue:m,size:f,...g}=r;return s.jsx(w,{className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,...g,children:i.map(({label:h,value:v})=>s.jsx(M,{size:f,value:v,onChange:c,defaultChecked:m===v,children:h},`${h}-${v}`))})};ae.displayName="RadioGroup";exports.Checkbox=q;exports.CheckboxGroup=le;exports.FieldsetControl=w;exports.FileInput=ee;exports.Input=re;exports.LabelControl=se;exports.Radio=M;exports.RadioGroup=ae;exports.Select=K;exports.Textarea=te;