@ossy/design-system 3.21.0 → 3.22.0

package/build/tv-BTEzAopX.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 6.11861L9.4131 4.70551L11.5371 6.82954L14.3667 4L15.7782 5.41151L13.3137 7.87598H18C19.1046 7.87598 20 8.77141 20 9.87598V16.876C20 17.9805 19.1046 18.876 18 18.876H6C4.89543 18.876 4 17.9805 4 16.876V9.87598C4 8.77141 4.89543 7.87598 6 7.87598H9.75736L8 6.11861ZM18 9.87598H6V16.876H18V9.87598Z",fill:"currentColor"}),r.createElement("path",{d:"M8 19.876H16V20.876H8V19.876Z",fill:"currentColor"}));export{t as default};

package/build/twilio-BGlXmEnD.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9Z",fill:"currentColor"}),r.createElement("path",{d:"M17 9C17 10.1046 16.1046 11 15 11C13.8954 11 13 10.1046 13 9C13 7.89543 13.8954 7 15 7C16.1046 7 17 7.89543 17 9Z",fill:"currentColor"}),r.createElement("path",{d:"M15 17C16.1046 17 17 16.1046 17 15C17 13.8954 16.1046 13 15 13C13.8954 13 13 13.8954 13 15C13 16.1046 13.8954 17 15 17Z",fill:"currentColor"}),r.createElement("path",{d:"M11 15C11 16.1046 10.1046 17 9 17C7.89543 17 7 16.1046 7 15C7 13.8954 7.89543 13 9 13C10.1046 13 11 13.8954 11 15Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",fill:"currentColor"}));export{t as default};

package/build/twitter-CSaEEh_l.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 3C9.10457 3 10 3.89543 10 5V8H16C17.1046 8 18 8.89543 18 10C18 11.1046 17.1046 12 16 12H10V14C10 15.6569 11.3431 17 13 17H16C17.1046 17 18 17.8954 18 19C18 20.1046 17.1046 21 16 21H13C9.13401 21 6 17.866 6 14V5C6 3.89543 6.89543 3 8 3Z",fill:"currentColor"}));export{t as default};

package/build/ui-kit-RZ9axqlH.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 6H10C9.44772 6 9 6.44772 9 7V17C9 17.5523 9.44772 18 10 18H14C14.5523 18 15 17.5523 15 17V7C15 6.44772 14.5523 6 14 6ZM10 4C8.34315 4 7 5.34315 7 7V17C7 18.6569 8.34315 20 10 20H14C15.6569 20 17 18.6569 17 17V7C17 5.34315 15.6569 4 14 4H10Z",fill:"currentColor"}),r.createElement("path",{d:"M6 7.45936L3.4932 7.04156C1.6646 6.73679 0 8.14692 0 10.0007V14.918C0 16.7718 1.6646 18.1819 3.4932 17.8772L6 17.4594V15.4318L3.1644 15.9044C2.55487 16.006 2 15.5359 2 14.918V10.0007C2 9.3828 2.55487 8.91276 3.1644 9.01435L6 9.48695V7.45936Z",fill:"currentColor"}),r.createElement("path",{d:"M18 7.45936L20.5068 7.04156C22.3354 6.73679 24 8.14692 24 10.0007V14.918C24 16.7718 22.3354 18.1819 20.5068 17.8772L18 17.4594V15.4318L20.8356 15.9044C21.4451 16.006 22 15.5359 22 14.918V10.0007C22 9.3828 21.4451 8.91276 20.8356 9.01435L18 9.48695V7.45936Z",fill:"currentColor"}));export{t as default};

package/build/umbrella-DWHbDYRp.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4 9C4 4.58172 7.58172 1 12 1C16.4183 1 20 4.58172 20 9V11H13.0187V20.5C13.0187 21.8807 11.8994 23 10.5187 23C9.13797 23 8.01868 21.8807 8.01868 20.5V17.8571H10.0187V20.5C10.0187 20.7761 10.2425 21 10.5187 21C10.7948 21 11.0187 20.7761 11.0187 20.5V11H4V9ZM12 3C15.3137 3 18 5.68629 18 9H6C6 5.68629 8.68629 3 12 3Z",fill:"currentColor"}));export{t as default};

package/build/unavailable-4I7C_Ee8.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.364 5.63604C21.8787 9.15076 21.8787 14.8492 18.364 18.364C14.8492 21.8787 9.15076 21.8787 5.63604 18.364C2.12132 14.8492 2.12132 9.15076 5.63604 5.63604C9.15076 2.12132 14.8492 2.12132 18.364 5.63604ZM16.1925 17.6067L6.39327 7.80749C4.33767 10.5493 4.55666 14.4562 7.05025 16.9497C9.54384 19.4433 13.4507 19.6623 16.1925 17.6067ZM16.9497 7.05025C19.4433 9.54384 19.6623 13.4507 17.6067 16.1925L7.80749 6.39327C10.5493 4.33767 14.4562 4.55666 16.9497 7.05025Z",fill:"currentColor"}));export{t as default};

package/build/unblock-Bddkj30M.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.63604 18.364C9.15076 21.8787 14.8492 21.8787 18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C14.8492 2.12132 9.15076 2.12132 5.63604 5.63604C2.12132 9.15076 2.12132 14.8492 5.63604 18.364ZM7.80749 17.6067C10.5493 19.6623 14.4562 19.4433 16.9497 16.9497C19.4433 14.4562 19.6623 10.5493 17.6067 7.80749L14.8284 10.5858C14.4379 10.9763 13.8047 10.9763 13.4142 10.5858C13.0237 10.1953 13.0237 9.5621 13.4142 9.17157L16.1925 6.39327C13.4507 4.33767 9.54384 4.55666 7.05025 7.05025C4.55666 9.54384 4.33767 13.4507 6.39327 16.1925L9.17157 13.4142C9.5621 13.0237 10.1953 13.0237 10.5858 13.4142C10.9763 13.8047 10.9763 14.4379 10.5858 14.8284L7.80749 17.6067Z",fill:"currentColor"}));export{t as default};

package/build/undo-BpYbkSnA.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M5.33929 4.46777H7.33929V7.02487C8.52931 6.08978 10.0299 5.53207 11.6607 5.53207C15.5267 5.53207 18.6607 8.66608 18.6607 12.5321C18.6607 16.3981 15.5267 19.5321 11.6607 19.5321C9.51025 19.5321 7.58625 18.5623 6.30219 17.0363L7.92151 15.8515C8.83741 16.8825 10.1732 17.5321 11.6607 17.5321C14.4222 17.5321 16.6607 15.2935 16.6607 12.5321C16.6607 9.77065 14.4222 7.53207 11.6607 7.53207C10.5739 7.53207 9.56805 7.87884 8.74779 8.46777L11.3393 8.46777V10.4678H5.33929V4.46777Z",fill:"currentColor"}));export{e as default};

package/build/unfold-CH0AX2zr.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12H2Z",fill:"currentColor"}));export{e as default};

package/build/unsplash-33egjcw7.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M15 4.5H9V8.5H15V4.5Z",fill:"currentColor"}),r.createElement("path",{d:"M4 10.5H9V14.5H15V10.5H20V19.5H4V10.5Z",fill:"currentColor"}));export{e as default};

package/build/usb-HnO4vaRO.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M10 4.5H11V6.5H10V4.5Z",fill:"currentColor"}),r.createElement("path",{d:"M14 4.5H13V6.5H14V4.5Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 8.5V1.5H17V8.5H19V19.5C19 21.1569 17.6569 22.5 16 22.5H8C6.34315 22.5 5 21.1569 5 19.5V8.5H7ZM9 3.5H15V8.5H9V3.5ZM17 10.5H7V19.5C7 20.0523 7.44772 20.5 8 20.5H16C16.5523 20.5 17 20.0523 17 19.5V10.5Z",fill:"currentColor"}));export{t as default};

package/build/usb-c-COTqsO9O.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 12C3 9.23858 5.23858 7 8 7H16C18.7614 7 21 9.23858 21 12C21 14.7614 18.7614 17 16 17H8C5.23858 17 3 14.7614 3 12ZM8 9H16C17.6569 9 19 10.3431 19 12C19 13.6569 17.6569 15 16 15H8C6.34315 15 5 13.6569 5 12C5 10.3431 6.34315 9 8 9Z",fill:"currentColor"}));export{t as default};

package/build/user-DwdanHfw.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7ZM14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7Z",fill:"currentColor"}),r.createElement("path",{d:"M16 15C16 14.4477 15.5523 14 15 14H9C8.44772 14 8 14.4477 8 15V21H6V15C6 13.3431 7.34315 12 9 12H15C16.6569 12 18 13.3431 18 15V21H16V15Z",fill:"currentColor"}));export{t as default};

package/build/user-add-DEOrMFu3.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 11C10.2091 11 12 9.20914 12 7C12 4.79086 10.2091 3 8 3C5.79086 3 4 4.79086 4 7C4 9.20914 5.79086 11 8 11ZM8 9C9.10457 9 10 8.10457 10 7C10 5.89543 9.10457 5 8 5C6.89543 5 6 5.89543 6 7C6 8.10457 6.89543 9 8 9Z",fill:"currentColor"}),r.createElement("path",{d:"M11 14C11.5523 14 12 14.4477 12 15V21H14V15C14 13.3431 12.6569 12 11 12H5C3.34315 12 2 13.3431 2 15V21H4V15C4 14.4477 4.44772 14 5 14H11Z",fill:"currentColor"}),r.createElement("path",{d:"M18 7H20V9H22V11H20V13H18V11H16V9H18V7Z",fill:"currentColor"}));export{t as default};

package/build/user-remove-BcNfGEXJ.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 11C10.2091 11 12 9.20914 12 7C12 4.79086 10.2091 3 8 3C5.79086 3 4 4.79086 4 7C4 9.20914 5.79086 11 8 11ZM8 9C9.10457 9 10 8.10457 10 7C10 5.89543 9.10457 5 8 5C6.89543 5 6 5.89543 6 7C6 8.10457 6.89543 9 8 9Z",fill:"currentColor"}),r.createElement("path",{d:"M11 14C11.5523 14 12 14.4477 12 15V21H14V15C14 13.3431 12.6569 12 11 12H5C3.34315 12 2 13.3431 2 15V21H4V15C4 14.4477 4.44772 14 5 14H11Z",fill:"currentColor"}),r.createElement("path",{d:"M22 9H16V11H22V9Z",fill:"currentColor"}));export{t as default};

package/build/userlane-DLCxToYz.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import e from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>e.createElement("svg",t({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M15 4H21V10H15V4Z",fill:"currentColor"}),e.createElement("path",{d:"M3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12H17C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12H3Z",fill:"currentColor"}),e.createElement("path",{d:"M6 10C7.65685 10 9 8.65685 9 7C9 5.34315 7.65685 4 6 4C4.34315 4 3 5.34315 3 7C3 8.65685 4.34315 10 6 10Z",fill:"currentColor"}));export{r as default};

package/build/vercel-a1Pgq9ZY.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M17.9923 17.0225L11.9806 6.97729L6.00775 17.0225H17.9923Z",fill:"currentColor"}));export{e as default};

package/build/view-cols-XRuXRs5e.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM16 7H19C19.5523 7 20 7.44771 20 8V16C20 16.5523 19.5523 17 19 17H16V7ZM14 7H10V17H14V7ZM8 17V7H5C4.44772 7 4 7.44772 4 8V16C4 16.5523 4.44772 17 5 17H8Z",fill:"currentColor"}));export{t as default};

package/build/view-comfortable-DYkXmXCr.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM5 7H19C19.5523 7 20 7.44771 20 8V11H4V8C4 7.44772 4.44772 7 5 7ZM4 13V16C4 16.5523 4.44772 17 5 17H8V13H4ZM10 17H19C19.5523 17 20 16.5523 20 16V13H10V17Z",fill:"currentColor"}));export{t as default};

package/build/view-day-H7R_RxTo.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM13 7H19C19.5523 7 20 7.44771 20 8V11H13V7ZM11 7H5C4.44772 7 4 7.44772 4 8V11H11V7ZM4 13V16C4 16.5523 4.44772 17 5 17H11V13H4ZM13 17H19C19.5523 17 20 16.5523 20 16V13H13V17Z",fill:"currentColor"}));export{t as default};

package/build/view-grid-Cofg8EHR.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5H5ZM8 7H5C4.44772 7 4 7.44772 4 8V9H8V7ZM10 7V9H14V7H10ZM16 7V9H20V8C20 7.44771 19.5523 7 19 7H16ZM14 11H10V13H14V11ZM16 13V11H20V13H16ZM14 15H10V17H14V15ZM16 17V15H20V16C20 16.5523 19.5523 17 19 17H16ZM8 17V15H4V16C4 16.5523 4.44772 17 5 17H8ZM8 13V11H4V13H8Z",fill:"currentColor"}));export{t as default};

package/build/view-list-CAHxdhwC.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5H5ZM7 7H5C4.44772 7 4 7.44772 4 8V9H7V7ZM9 7V9H20V8C20 7.44771 19.5523 7 19 7H9ZM7 11H4V13H7V11ZM9 13V11H20V13H9ZM7 15H4V16C4 16.5523 4.44772 17 5 17H7V15ZM9 17V15H20V16C20 16.5523 19.5523 17 19 17H9Z",fill:"currentColor"}));export{t as default};

package/build/view-month-BC32rjxM.js

@@ -0,0 +1 @@
+import{_ as H}from"./index-oHHFlBVm.js";import V from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>V.createElement("svg",H({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),V.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM17 7H19C19.5523 7 20 7.44771 20 8V9H17V7ZM15 7H13V9H15V7ZM11 7H9V9H11V7ZM7 7H5C4.44772 7 4 7.44772 4 8V9H7V7ZM4 11V13H7V11H4ZM4 15V16C4 16.5523 4.44772 17 5 17H7V15H4ZM9 17H11V15H9V17ZM13 17H15V15H13V17ZM17 17H19C19.5523 17 20 16.5523 20 16V15H17V17ZM20 13V11H17V13H20ZM11 13H9V11H11V13ZM15 13H13V11H15V13Z",fill:"currentColor"}));export{e as default};

package/build/view-split-DchgN00_.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM13 7H19C19.5523 7 20 7.44771 20 8V16C20 16.5523 19.5523 17 19 17H13V7ZM11 7H5C4.44772 7 4 7.44772 4 8V16C4 16.5523 4.44772 17 5 17H11V7Z",fill:"currentColor"}));export{t as default};

package/build/vinyl-DyqbBKfj.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z",fill:"currentColor"}));export{t as default};

package/build/voicemail-DXYqYbZ9.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0004 15C10.6281 14.1643 11 13.1256 11 12C11 9.23858 8.76142 7 6 7C3.23858 7 1 9.23858 1 12C1 14.7614 3.23858 17 6 17H18C20.7614 17 23 14.7614 23 12C23 9.23858 20.7614 7 18 7C15.2386 7 13 9.23858 13 12C13 13.1256 13.3719 14.1643 13.9996 15H10.0004ZM6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15ZM18 15C19.6569 15 21 13.6569 21 12C21 10.3431 19.6569 9 18 9C16.3431 9 15 10.3431 15 12C15 13.6569 16.3431 15 18 15Z",fill:"currentColor"}));export{t as default};

package/build/voicemail-o-B9rGfs6o.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var C=C=>r.createElement("svg",e({},C,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11 12C11 12.3506 10.9398 12.6872 10.8293 13H13.1707C13.0602 12.6872 13 12.3506 13 12C13 10.3431 14.3431 9 16 9C17.6569 9 19 10.3431 19 12C19 13.6569 17.6569 15 16 15H8C6.34315 15 5 13.6569 5 12C5 10.3431 6.34315 9 8 9C9.65685 9 11 10.3431 11 12ZM9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12ZM17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",fill:"currentColor"}));export{C as default};

package/build/voicemail-r-DrdN2Tg_.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var C=C=>r.createElement("svg",e({},C,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5 12C11.5 12.3506 11.4398 12.6872 11.3293 13H13.6707C13.5602 12.6872 13.5 12.3506 13.5 12C13.5 10.3431 14.8431 9 16.5 9C18.1569 9 19.5 10.3431 19.5 12C19.5 13.6569 18.1569 15 16.5 15H8.5C6.84315 15 5.5 13.6569 5.5 12C5.5 10.3431 6.84315 9 8.5 9C10.1569 9 11.5 10.3431 11.5 12ZM9.5 12C9.5 12.5523 9.05228 13 8.5 13C7.94772 13 7.5 12.5523 7.5 12C7.5 11.4477 7.94772 11 8.5 11C9.05228 11 9.5 11.4477 9.5 12ZM17.5 12C17.5 12.5523 17.0523 13 16.5 13C15.9477 13 15.5 12.5523 15.5 12C15.5 11.4477 15.9477 11 16.5 11C17.0523 11 17.5 11.4477 17.5 12Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 8C1.5 6.34315 2.84315 5 4.5 5H19.5C21.1569 5 22.5 6.34315 22.5 8V16C22.5 17.6569 21.1569 19 19.5 19H4.5C2.84315 19 1.5 17.6569 1.5 16V8ZM4.5 7H19.5C20.0523 7 20.5 7.44772 20.5 8V16C20.5 16.5523 20.0523 17 19.5 17H4.5C3.94772 17 3.5 16.5523 3.5 16V8C3.5 7.44772 3.94772 7 4.5 7Z",fill:"currentColor"}));export{C as default};

package/build/volume-vJpE-pEf.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M24 12C24 16.4183 20.4183 20 16 20V18C19.3137 18 22 15.3137 22 12C22 8.68629 19.3137 6 16 6V4C20.4183 4 24 7.58172 24 12Z",fill:"currentColor"}),r.createElement("path",{d:"M20 12C20 14.2091 18.2091 16 16 16V14C17.1046 14 18 13.1046 18 12C18 10.8954 17.1046 10 16 10V8C18.2091 8 20 9.79086 20 12Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9 16L15 20V4L9 8H5C2.79086 8 1 9.79086 1 12C1 14.2091 2.79086 16 5 16H9ZM5 10H9L13 7.5V16.5L9 14H5C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10Z",fill:"currentColor"}));export{t as default};

package/build/webcam-u5nhQQ1e.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44772 11.4477 9 12 9C12.5523 9 13 9.44772 13 10Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13 14.9C15.2822 14.4367 17 12.419 17 10C17 7.23858 14.7614 5 12 5C9.23858 5 7 7.23858 7 10C7 12.419 8.71776 14.4367 11 14.9V17H7V19H17V17H13V14.9ZM12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z",fill:"currentColor"}));export{t as default};

package/build/website-DLrYsPyX.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 7C13.4477 7 13 7.44772 13 8V16C13 16.5523 13.4477 17 14 17H18C18.5523 17 19 16.5523 19 16V8C19 7.44772 18.5523 7 18 7H14ZM17 9H15V15H17V9Z",fill:"currentColor"}),r.createElement("path",{d:"M6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9H10C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7H6Z",fill:"currentColor"}),r.createElement("path",{d:"M6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13H10C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11H6Z",fill:"currentColor"}),r.createElement("path",{d:"M5 16C5 15.4477 5.44772 15 6 15H10C10.5523 15 11 15.4477 11 16C11 16.5523 10.5523 17 10 17H6C5.44772 17 5 16.5523 5 16Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4 3C2.34315 3 1 4.34315 1 6V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V6C23 4.34315 21.6569 3 20 3H4ZM20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z",fill:"currentColor"}));export{t as default};

package/build/windows-BbUDt9oV.js

@@ -0,0 +1 @@
+import{_ as t}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M3 5.5485L10.1954 4.58174V11.6106L3.00672 11.6651L3 5.5485ZM10.1954 12.3909V19.4957L3.00571 18.5105L3.0053 12.3909H10.1954ZM11.1134 4.45599L20.9977 3V11.5334L11.1134 11.6106V4.45599ZM21 12.505L20.9977 21L11.1134 19.6466V12.505H21Z",fill:"currentColor"}));export{e as default};

package/build/work-alt-B49S2lxF.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17 7C17 5.34315 15.6569 4 14 4H10C8.34315 4 7 5.34315 7 7H6C4.34315 7 3 8.34315 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.34315 19.6569 7 18 7H17ZM14 6H10C9.44772 6 9 6.44772 9 7H15C15 6.44772 14.5523 6 14 6ZM6 9H18C18.5523 9 19 9.44772 19 10V18C19 18.5523 18.5523 19 18 19H6C5.44772 19 5 18.5523 5 18V10C5 9.44772 5.44772 9 6 9Z",fill:"currentColor"}));export{t as default};

package/build/yinyang-BpSvEXnA.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M14 16C14 17.1046 13.1046 18 12 18C10.8954 18 10 17.1046 10 16C10 14.8954 10.8954 14 12 14C13.1046 14 14 14.8954 14 16Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 12C9.79086 12 8 10.2091 8 8C8 5.79086 9.79086 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.2091 20 16 18.2091 16 16C16 13.7909 14.2091 12 12 12ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6C13.1046 6 14 6.89543 14 8Z",fill:"currentColor"}));export{t as default};

package/build/youtube-C5nfkD1e.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 7H19C19.5523 7 20 7.44771 20 8V16C20 16.5523 19.5523 17 19 17H5C4.44772 17 4 16.5523 4 16V8C4 7.44772 4.44772 7 5 7ZM2 8C2 6.34315 3.34315 5 5 5H19C20.6569 5 22 6.34315 22 8V16C22 17.6569 20.6569 19 19 19H5C3.34315 19 2 17.6569 2 16V8ZM10 9L14 12L10 15V9Z",fill:"currentColor"}));export{t as default};

package/build/zoom-in-BtkLRJEH.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.3431 15.2426C17.6863 12.8995 17.6863 9.1005 15.3431 6.75736C13 4.41421 9.20101 4.41421 6.85786 6.75736C4.51472 9.1005 4.51472 12.8995 6.85786 15.2426C9.20101 17.5858 13 17.5858 15.3431 15.2426ZM16.7574 5.34315C19.6425 8.22833 19.8633 12.769 17.4195 15.9075C17.4348 15.921 17.4498 15.9351 17.4645 15.9497L21.7071 20.1924C22.0976 20.5829 22.0976 21.2161 21.7071 21.6066C21.3166 21.9971 20.6834 21.9971 20.2929 21.6066L16.0503 17.364C16.0356 17.3493 16.0215 17.3343 16.008 17.319C12.8695 19.7628 8.32883 19.542 5.44365 16.6569C2.31946 13.5327 2.31946 8.46734 5.44365 5.34315C8.56785 2.21895 13.6332 2.21895 16.7574 5.34315ZM10.1005 7H12.1005V10H15.1005V12H12.1005V15H10.1005V12H7.10052V10H10.1005V7Z",fill:"currentColor"}));export{t as default};

package/build/zoom-out-Bxep61cY.js

@@ -0,0 +1 @@
+import{_ as e}from"./index-oHHFlBVm.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.3431 15.2426C17.6863 12.8995 17.6863 9.1005 15.3431 6.75736C13 4.41421 9.20101 4.41421 6.85786 6.75736C4.51472 9.1005 4.51472 12.8995 6.85786 15.2426C9.20101 17.5858 13 17.5858 15.3431 15.2426ZM16.7574 5.34315C19.6425 8.22833 19.8633 12.769 17.4195 15.9075C17.4348 15.921 17.4498 15.9351 17.4645 15.9497L21.7071 20.1924C22.0976 20.5829 22.0976 21.2161 21.7071 21.6066C21.3166 21.9971 20.6834 21.9971 20.2929 21.6066L16.0503 17.364C16.0356 17.3493 16.0215 17.3343 16.008 17.319C12.8695 19.7628 8.32883 19.542 5.44365 16.6569C2.31946 13.5327 2.31946 8.46734 5.44365 5.34315C8.56785 2.21895 13.6332 2.21895 16.7574 5.34315ZM7.10052 10V12H15.1005V10L7.10052 10Z",fill:"currentColor"}));export{t as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ossy/design-system",
   "description": "Ossy's design system React component library",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "type": "module",
   "source": "src/index.js",
   "module": "build/index.js",
@@ -17,7 +17,7 @@
   "license": "MIT",
   "scripts": {
     "build": "rollup -c rollup.config.js",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose src/component-slots/slotLookup.spec.js src/theme/createCss.spec.js src/image/blurhash-to-data-url.spec.js src/fields/fieldTypes.spec.js src/fields/month.spec.js src/fields/cron.spec.js src/inputs/acceptsFile.spec.js src/hooks/useCollection.spec.js"
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose src/component-slots/slotLookup.spec.js src/theme/createCss.spec.js src/image/blurhash-to-data-url.spec.js src/fields/fieldTypes.spec.js src/fields/month.spec.js src/fields/cron.spec.js src/inputs/acceptsFile.spec.js src/hooks/useCollection.spec.js src/line-chart/line-chart.spec.js"
   },
   "browserslist": {
     "production": [
@@ -32,7 +32,7 @@
     ]
   },
   "devDependencies": {
-    "@ossy/themes": "^3.18.0",
+    "@ossy/themes": "^3.22.0",
     "markdown-to-jsx": "^9.8.1",
     "react-syntax-highlighter": "^16.1.0"
   },
@@ -59,5 +59,5 @@
     "/src",
     "README.md"
   ],
-  "gitHead": "f3eeb810cfdd6eb8be7951eb767669fa29a1b3d8"
+  "gitHead": "29de300fd5e2c36f9d6d00f09eb9f1508997a904"
 }

package/src/accordion/Accordion.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { isValidElement } from 'react'
 import { Button } from '../button'
 import { Text } from '../text'
 import { View } from '../view'
@@ -10,9 +10,8 @@ import { View } from '../view'
  *   sections: Array<{
  *     id: string
  *     label: string
- *     description?: string
  *     defaultOpen?: boolean
- *     suffix?: Array<object>
+ *     suffix?: Array<object | import('react').ReactElement>
  *     prefix?: object
  *     fill?: boolean
  *   }>
@@ -64,7 +63,7 @@ export const Accordion = ({
       }}
       {...props}
     >
-      {sections.map(({ id, label, description, suffix, prefix, fill }) => {
+      {sections.map(({ id, label, suffix, prefix, fill }) => {
         const sectionOpen = isOpen.has(id)
         const grows = Boolean(fill && sectionOpen)
         return (
@@ -102,14 +101,9 @@ export const Accordion = ({
               {prefix && <Button {...prefix} />}
               <View style={{ flex: 1, minWidth: 0 }}>
                 <Text variant="small" style={{ fontWeight: 'bold' }}>{label}</Text>
-                {description && (
-                  <Text variant="small" color="secondary" style={{ marginTop: 'var(--space-xxs)' }}>
-                    {description}
-                  </Text>
-                )}
               </View>
-              {suffix && suffix.map((btn, i) => (
-                <Button key={i} {...btn} />
+              {suffix && suffix.map((item, i) => (
+                isValidElement(item) ? item : <Button key={i} {...item} />
               ))}
             </View>
             {sectionOpen && (

package/src/accordion/Accordion.stories.jsx

@@ -0,0 +1,88 @@
+import React, { useState } from 'react'
+import { Text } from '../text'
+import { Accordion } from './Accordion.jsx'
+
+export default {
+  title: 'Design System/Display/Accordion',
+  component: Accordion,
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'Independent collapsible sections. A section starts open unless defaultOpen is false. Pass openSections and onToggle to control it.',
+      },
+    },
+  },
+}
+
+const sections = [
+  { id: 'view', label: 'View' },
+  { id: 'details', label: 'Details', defaultOpen: false },
+  { id: 'description', label: 'Description' },
+]
+
+const bodies = {
+  view: 'The open section body.',
+  details: 'Details stay closed until the header is opened.',
+  description: 'Each section toggles on its own.',
+  tags: 'Suffix actions stay in the header.',
+}
+
+const renderSection = (id) => (
+  <Text variant="small">{bodies[id]}</Text>
+)
+
+export const Default = () => (
+  <div style={{ maxWidth: 480 }}>
+    <Accordion sections={sections} renderSection={renderSection} />
+  </div>
+)
+
+export const WithActions = () => (
+  <div style={{ maxWidth: 480 }}>
+    <Accordion
+      sections={[
+        {
+          id: 'view',
+          label: 'View',
+          prefix: { prefix: 'file-document', variant: 'command', 'aria-label': 'Document' },
+          suffix: [{ prefix: 'pen', variant: 'command', 'aria-label': 'Edit' }],
+        },
+        {
+          id: 'tags',
+          label: 'Tags',
+          defaultOpen: false,
+          suffix: [{ prefix: 'copy', variant: 'command', 'aria-label': 'Copy' }],
+        },
+      ]}
+      renderSection={renderSection}
+    />
+  </div>
+)
+
+export const Controlled = () => {
+  const [openSections, setOpenSections] = useState(() => new Set(['view']))
+
+  return (
+    <div style={{ maxWidth: 480 }}>
+      <Accordion
+        sections={sections}
+        renderSection={renderSection}
+        openSections={openSections}
+        onToggle={(_id, next) => setOpenSections(next)}
+      />
+    </div>
+  )
+}
+
+export const Fill = () => (
+  <div style={{ maxWidth: 480, height: 360 }}>
+    <Accordion
+      sections={[
+        { id: 'view', label: 'View', fill: true },
+        { id: 'details', label: 'Details', defaultOpen: false },
+      ]}
+      renderSection={renderSection}
+    />
+  </div>
+)

package/src/dashboard-layout/DashboardLayout.jsx

@@ -0,0 +1,166 @@
+import React, { Children, cloneElement, isValidElement } from 'react'
+import { View } from '../view/View.jsx'
+
+/** Column spans that fit the 12-column dashboard grid. */
+export const DASHBOARD_SPANS = [3, 4, 6, 8, 9, 12]
+
+/**
+ * Sizes one panel can choose, independent of the dashboard shape.
+ * `s` is one quarter of the row (span 3 of 12).
+ */
+export const DASHBOARD_PANEL_SIZES = [
+  { id: 's', span: 3 },
+  { id: 'm', span: 6 },
+  { id: 'l', span: 9 },
+  { id: 'xl', span: 12 },
+]
+
+const DEFAULT_SPAN = 6
+
+/**
+ * Named dashboard shapes. The span list repeats across the panels in order.
+ * Keep ids in sync with `@ossy/dashboard` `DASHBOARD_SHAPE_IDS`.
+ */
+export const DASHBOARD_SHAPES = [
+  { id: 'stack', spans: [12] },
+  { id: 'halves', spans: [6, 6] },
+  { id: 'thirds', spans: [4, 4, 4] },
+  { id: 'quarters', spans: [3, 3, 3, 3] },
+  { id: 'wide-narrow', spans: [8, 4] },
+  { id: 'narrow-wide', spans: [4, 8] },
+  { id: 'hero', spans: [12, 6, 6] },
+]
+
+export const DEFAULT_DASHBOARD_SHAPE = 'halves'
+
+/**
+ * @param {unknown} value
+ * @returns {string}
+ */
+export function resolveDashboardShape (value) {
+  const id = typeof value === 'string' ? value.trim() : ''
+  return DASHBOARD_SHAPES.some((shape) => shape.id === id) ? id : DEFAULT_DASHBOARD_SHAPE
+}
+
+/**
+ * @param {unknown} shape
+ * @param {number} index
+ * @returns {number}
+ */
+export function dashboardShapeSpan (shape, index) {
+  const id = resolveDashboardShape(shape)
+  const spans = DASHBOARD_SHAPES.find((entry) => entry.id === id).spans
+  const position = Number.isInteger(index) && index >= 0 ? index : 0
+  return spans[position % spans.length]
+}
+
+/**
+ * @param {unknown} value
+ * @param {number} [fallback]
+ * @returns {number}
+ */
+export function resolveDashboardSpan (value, fallback = DEFAULT_SPAN) {
+  const span = Number(value)
+  if (DASHBOARD_SPANS.includes(span)) return span
+  return DASHBOARD_SPANS.includes(fallback) ? fallback : DEFAULT_SPAN
+}
+
+/**
+ * 12-column grid for dashboard widgets.
+ * `shape` picks a repeating size pattern for the panels.
+ * Narrow containers collapse every panel to a full row.
+ *
+ * @param {{
+ *   children?: import('react').ReactNode,
+ *   gap?: string,
+ *   shape?: string,
+ * }} props
+ */
+export function DashboardLayout ({
+  children,
+  gap = 'm',
+  shape = DEFAULT_DASHBOARD_SHAPE,
+  ...props
+}) {
+  const resolved = resolveDashboardShape(shape)
+  const items = Children.map(children, (child, index) => {
+    if (!isValidElement(child)) return child
+    if (child.props.span != null) return child
+    return cloneElement(child, { span: dashboardShapeSpan(resolved, index) })
+  })
+
+  return (
+    <>
+      <style href="@ossy/design-system/dashboard-layout" precedence="high">
+      {`
+        [data-view][data-dashboard-layout] {
+          container-type: inline-size;
+          container-name: dashboard-layout;
+          display: grid;
+          grid-template-columns: repeat(12, minmax(0, 1fr));
+          align-items: stretch;
+        }
+
+        [data-dashboard-layout] > [data-dashboard-widget] {
+          grid-column: span var(--dashboard-span, 6);
+          min-width: 0;
+        }
+
+        @container dashboard-layout (max-width: 960px) {
+          [data-dashboard-layout] > [data-dashboard-widget][data-span="3"],
+          [data-dashboard-layout] > [data-dashboard-widget][data-span="4"] {
+            grid-column: span 6;
+          }
+        }
+
+        @container dashboard-layout (max-width: 720px) {
+          [data-dashboard-layout] > [data-dashboard-widget][data-span] {
+            grid-column: 1 / -1;
+          }
+        }
+      `}
+      </style>
+      <View
+        layout="dashboard"
+        gap={gap}
+        data-dashboard-layout=""
+        data-dashboard-shape={resolved}
+        {...props}
+      >
+        {items}
+      </View>
+    </>
+  )
+}
+
+/**
+ * One widget cell in a dashboard. `span` overrides the layout shape for this
+ * widget. Matches a pinned platform widget (`componentId`, optional `span`).
+ *
+ * @param {{ span?: number, children?: import('react').ReactNode }} props
+ */
+export function Widget ({
+  span = DEFAULT_SPAN,
+  style,
+  children,
+  ...props
+}) {
+  const resolved = resolveDashboardSpan(span)
+  return (
+    <View
+      data-dashboard-widget=""
+      data-span={resolved}
+      gap="s"
+      style={{
+        '--dashboard-span': resolved,
+        minWidth: 0,
+        ...style,
+      }}
+      {...props}
+    >
+      {children}
+    </View>
+  )
+}
+
+DashboardLayout.Widget = Widget

package/src/dashboard-layout/DashboardLayout.stories.jsx

@@ -0,0 +1,125 @@
+import React from 'react'
+import { useState } from 'storybook/preview-api'
+import { Button } from '../button'
+import { ContextMenu } from '../context-menu'
+import { Dropdown } from '../dropdown'
+import { Panel } from '../panel'
+import { Text } from '../text'
+import {
+  DASHBOARD_PANEL_SIZES,
+  DASHBOARD_SHAPES,
+  DashboardLayout,
+  dashboardShapeSpan,
+} from './DashboardLayout.jsx'
+
+const PANELS = [
+  { id: 'current', title: 'Current month', body: 'Compact metric widget.' },
+  { id: 'margin', title: 'Assignment margin', body: 'Wide widget beside a compact one.' },
+  { id: 'leakage', title: 'Admin leakage', body: 'Half-width widget.' },
+  { id: 'hours', title: 'Hours', body: 'Half-width widget.' },
+  { id: 'forecast', title: 'Forecast', body: 'Full-width widget.' },
+]
+
+const SHAPE_LABELS = {
+  stack: 'Stack',
+  halves: 'Halves',
+  thirds: 'Thirds',
+  quarters: 'Quarters',
+  'wide-narrow': 'Wide and narrow',
+  'narrow-wide': 'Narrow and wide',
+  hero: 'Hero',
+}
+
+export default {
+  title: 'Design System/Layout/Dashboard',
+  component: DashboardLayout,
+  args: {
+    gap: 'm',
+    shape: 'halves',
+  },
+  argTypes: {
+    gap: {
+      control: 'inline-radio',
+      options: ['xs', 's', 'm', 'l', 'xl'],
+      description: 'Space between panels.',
+    },
+    shape: {
+      control: {
+        type: 'select',
+        labels: SHAPE_LABELS,
+      },
+      options: DASHBOARD_SHAPES.map((shape) => shape.id),
+      description: 'Repeating panel sizes for this dashboard.',
+    },
+  },
+  parameters: {
+    docs: {
+      description: {
+        component:
+          '12-column grid for dashboard widgets. A shape repeats a fixed set of sizes across the panels. Narrow containers stack every panel.',
+      },
+    },
+  },
+}
+
+function Sample ({ title, body, size, onSize }) {
+  return (
+    <Panel
+      title={title}
+      style={{ height: 'auto' }}
+      actions={(
+        <Dropdown
+          trigger={(
+            <Button
+              variant="command"
+              prefix="more-vertical-alt"
+              aria-label="Size"
+              title="Size"
+            />
+          )}
+        >
+          <ContextMenu>
+            {DASHBOARD_PANEL_SIZES.map((entry) => (
+              <ContextMenu.Item
+                key={entry.id}
+                prefix={entry.id === size ? 'check' : undefined}
+                aria-current={entry.id === size ? 'true' : undefined}
+                onClick={() => onSize(entry.span)}
+              >
+                {entry.id}
+              </ContextMenu.Item>
+            ))}
+          </ContextMenu>
+        </Dropdown>
+      )}
+    >
+      <Text variant="small" style={{ padding: 'var(--space-m)' }}>{body}</Text>
+    </Panel>
+  )
+}
+
+export const Default = {
+  render: function Render ({ gap, shape }) {
+    const [spans, setSpans] = useState({})
+    return (
+      <DashboardLayout gap={gap} shape={shape}>
+        {PANELS.map((panel, index) => {
+          const span = spans[panel.id] ?? dashboardShapeSpan(shape, index)
+          const size = DASHBOARD_PANEL_SIZES.find((entry) => entry.span === span)?.id
+          return (
+            <DashboardLayout.Widget key={panel.id} span={span}>
+              <Sample
+                title={panel.title}
+                body={panel.body}
+                size={size}
+                onSize={(next) => {
+                  setSpans((current) => ({ ...current, [panel.id]: next }))
+                }}
+              />
+            </DashboardLayout.Widget>
+          )
+        })}
+      </DashboardLayout>
+    )
+  },
+}