platen-ui 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 roboin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,6 @@
-# Temporary Holding Version
+# Platen UI
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Styled Base UI components for professional software.
+
+> [!IMPORTANT]
+> This library is under active development. Currently, pull requests are not being accepted, except for fixes to obvious bugs.

package/dist/assets/styles.css.ts.vanilla-BAmA6nA8.css

@@ -0,0 +1,52 @@
+@keyframes _1ixcec3 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  50.01% {
+    transform: translateX(-100%);
+  }
+  65% {
+    transform: translateX(100%);
+  }
+  65.01% {
+    transform: translateX(-100%);
+  }
+  80% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+._1ixcec0 {
+  color: var(--_1o83rkie);
+  display: flex;
+  font-size: 0.85rem;
+  font-variant-numeric: tabular-nums;
+  justify-content: space-between;
+  margin-bottom: 0.25rem;
+}
+._1ixcec1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._1ixcec2 {
+  background: var(--_1o83rki8);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  height: 0.375rem;
+  overflow: hidden;
+}
+._1ixcec4 {
+  background: var(--_1o83rki6);
+  border-radius: var(--_1o83rkig);
+  height: 100%;
+  transition: width var(--_1o83rki0) linear;
+}
+._1ixcec4[data-indeterminate] {
+  animation: _1ixcec3 2.5s linear infinite;
+}

package/dist/assets/styles.css.ts.vanilla-BDHakuIO.css

@@ -0,0 +1,39 @@
+._1effe770 {
+  display: block;
+  position: relative;
+}
+._1effe771 {
+  background: var(--_1o83rki8);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  display: block;
+  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
+  width: 100%;
+}
+._1effe771:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._1effe771::placeholder {
+  color: var(--_1o83rkie);
+}
+._1effe770:hover ._1effe771 {
+  background: var(--_1o83rki9);
+}
+._1effe772 {
+  align-items: center;
+  color: var(--_1o83rkie);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  padding: 0.25rem;
+  position: absolute;
+  right: 0.125rem;
+  top: 50%;
+  translate: 0 -50%;
+}
+._1effe772:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._1effe772:hover {
+  color: var(--_1o83rkic);
+}

package/dist/assets/styles.css.ts.vanilla-BH8WFC_6.css

@@ -0,0 +1,29 @@
+._5dn4ur0 {
+  align-items: center;
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  color: var(--_1o83rkic);
+  cursor: pointer;
+  display: flex;
+  gap: 0.25rem;
+  height: fit-content;
+  justify-content: center;
+  padding: 0.25rem 1rem;
+  white-space: nowrap;
+}
+._5dn4ur0:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._5dn4ur0:hover {
+  background: var(--_1o83rki5);
+}
+._5dn4ur0[data-disabled] {
+  background: transparent;
+  color: var(--_1o83rkie);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+._5dn4ur0[data-disabled]:hover {
+  background: transparent;
+}

package/dist/assets/styles.css.ts.vanilla-BawStcck.css

@@ -0,0 +1,46 @@
+@keyframes _1ao1rqt3 {
+  0% {
+    transform: translateY(-50%) rotate(-90deg);
+  }
+  100% {
+    transform: translateY(-50%) rotate(0deg);
+  }
+}
+._1ao1rqt0 {
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+}
+._1ao1rqt0:hover {
+  background: var(--_1o83rki5);
+}
+._1ao1rqt0:first-child {
+  border-radius: var(--_1o83rkig) var(--_1o83rkig) 0 0;
+}
+._1ao1rqt0:last-child {
+  border-radius: 0 0 var(--_1o83rkig) var(--_1o83rkig);
+}
+._1ao1rqt0:not(:first-child) {
+  border-top: none;
+}
+._1ao1rqt1 {
+  border-radius: var(--_1o83rkig);
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  position: relative;
+  width: 100%;
+}
+._1ao1rqt1:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._1ao1rqt2 {
+  position: absolute;
+  right: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+._1ao1rqt4 {
+  animation: _1ao1rqt3 forwards var(--_1o83rki0) ease-in-out;
+}
+._1ao1rqt5 {
+  padding: 0.5rem 1rem;
+}

package/dist/assets/styles.css.ts.vanilla-BivsCv0a.css

@@ -0,0 +1,36 @@
+._1ca4pu70 {
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: 9999px;
+  cursor: pointer;
+  height: 1.5rem;
+  position: relative;
+  width: 3rem;
+}
+._1ca4pu70:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._1ca4pu70:hover {
+  background: var(--_1o83rki5);
+}
+._1ca4pu70[data-checked] {
+  background: var(--_1o83rki6);
+}
+._1ca4pu70[data-checked]:hover {
+  background: var(--_1o83rki7);
+}
+._1ca4pu71 {
+  background: var(--_1o83rkic);
+  border-radius: 9999px;
+  display: block;
+  height: 1.25rem;
+  left: 0.125rem;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  transition: left var(--_1o83rki0) ease-in-out;
+  width: 1.25rem;
+}
+._1ca4pu71[data-checked] {
+  left: calc(100% - 0.125rem - 1.25rem);
+}

package/dist/assets/styles.css.ts.vanilla-CgupK_Al.css

@@ -0,0 +1,64 @@
+._33icqq0 {
+  align-items: center;
+  display: grid;
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+}
+._33icqq1 {
+  cursor: pointer;
+}
+._33icqq2 {
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  color: var(--_1o83rkic);
+  cursor: pointer;
+  min-height: calc(1lh + 0.25rem * 2 + 1px * 2);
+  min-width: 0;
+  padding: 0.25rem 1rem;
+}
+._33icqq2:focus-visible {
+  outline: 2px solid #83a9d3;
+}
+._33icqq2:hover {
+  background: var(--_1o83rki5);
+}
+._33icqq3 {
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  box-shadow: var(--_1o83rkif);
+  color: var(--_1o83rkic);
+  cursor: pointer;
+  overflow: hidden;
+  width: var(--anchor-width);
+}
+._33icqq4 {
+  max-height: var(--available-height);
+  overflow-y: auto;
+}
+._33icqq5 {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._33icqq5[data-placeholder] {
+  color: var(--_1o83rkie);
+}
+._33icqq6 {
+  padding: 0.25rem 1rem;
+}
+._33icqq6:focus-visible {
+  outline: 2px solid #83a9d3;
+  background: var(--_1o83rki5);
+  border-radius: var(--_1o83rkig);
+  outline-offset: -2px;
+}
+._33icqq6:hover {
+  background: var(--_1o83rki5);
+}
+._33icqq7 {
+  color: var(--_1o83rkie);
+  padding: 0.5rem 1rem 0.25rem;
+}

package/dist/assets/styles.css.ts.vanilla-S0KW5nmE.css

@@ -0,0 +1,59 @@
+.opkspx0 {
+  bottom: 0;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  position: fixed;
+  right: 0;
+  z-index: 9999;
+}
+.opkspx1 {
+  transition: opacity var(--_1o83rki2) cubic-bezier(0.22, 1, 0.36, 1), transform var(--_1o83rki2) cubic-bezier(0.22, 1, 0.36, 1);
+}
+.opkspx1[data-ending-style] {
+  opacity: 0;
+  transform: translateX(25%);
+  transition-duration: var(--_1o83rki1);
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+.opkspx1[data-starting-style] {
+  opacity: 0;
+  transform: translateX(25%);
+}
+.opkspx2 {
+  background: var(--_1o83rki4);
+  border: 1px solid var(--_1o83rkia);
+  border-radius: var(--_1o83rkig);
+  box-shadow: var(--_1o83rkif);
+  color: var(--_1o83rkie);
+  display: grid;
+  gap: 0 1rem;
+  grid-template-columns: auto auto;
+  grid-template-rows: auto auto;
+  max-width: 24rem;
+  padding: 0.5rem 1rem;
+}
+.opkspx1[data-type="error"] .opkspx2 {
+  background: var(--_1o83rki3);
+  color: var(--_1o83rkic);
+}
+.opkspx3 {
+  color: var(--_1o83rkic);
+  font-weight: bold;
+  grid-column: 1 / 2;
+  grid-row: 1 / 2;
+}
+.opkspx4 {
+  grid-column: 1 / 2;
+  grid-row: 2 / 3;
+  overflow-wrap: anywhere;
+}
+.opkspx5 {
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  grid-column: 2 / 3;
+  grid-row: 1 / 3;
+}

package/dist/assets/theme.css.ts.vanilla-e9r3lDSy.css

@@ -0,0 +1,19 @@
+:root {
+  --_1o83rki0: 0.1s;
+  --_1o83rki1: 0.2s;
+  --_1o83rki2: 0.3s;
+  --_1o83rki3: #402a2a;
+  --_1o83rki4: rgb(66 73 81 / 20%);
+  --_1o83rki5: rgb(206 218 231 / 10%);
+  --_1o83rki6: #24466b;
+  --_1o83rki7: #3b5e84;
+  --_1o83rki8: rgb(4 3 1 / 60%);
+  --_1o83rki9: rgb(8 6 3 / 50%);
+  --_1o83rkia: #000000;
+  --_1o83rkib: #1a1c1f;
+  --_1o83rkic: #c2c7cc;
+  --_1o83rkid: #af6060;
+  --_1o83rkie: #8e9296;
+  --_1o83rkif: 0 4px 16px rgba(0, 0, 0, 0.5);
+  --_1o83rkig: 0.25rem;
+}

package/dist/components/Accordion/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-BawStcck.css";var e=`_1ao1rqt4`,t=`_1ao1rqt2`,n=`_1ao1rqt0`,r=`_1ao1rqt5`,i=`_1ao1rqt1`;export{e as iconAnimationStyles,t as iconStyles,n as itemStyles,r as panelStyles,i as triggerStyles};

package/dist/components/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { Accordion } from "@base-ui/react/accordion";
+//#region src/components/Accordion/index.d.ts
+declare const AccordionRoot: <Value = any>(props: Accordion.Root.Props<Value>) => React.JSX.Element;
+type AccordionItemProps = Accordion.Item.Props & {
+  header: ReactNode;
+  children?: ReactNode | undefined;
+  className?: string | undefined;
+};
+declare const AccordionItem: ({ header, children, className, ...props }: AccordionItemProps) => ReactNode;
+//#endregion
+export { AccordionItem, AccordionRoot };

package/dist/components/Accordion.js

@@ -0,0 +1 @@
+import{iconStyles as e,itemStyles as t,panelStyles as n,triggerStyles as r}from"./Accordion/styles.styles.js";import{mergeClassNames as i}from"../mergeClassNames.js";import{c as a}from"react/compiler-runtime";import{ChevronsDownUp as o,ChevronsUpDown as s}from"lucide-react";import{useState as c}from"react";import{Accordion as l}from"@base-ui/react/accordion";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.Root,p=f=>{let p=a(21),m,h,g,_;p[0]===f?(m=p[1],h=p[2],g=p[3],_=p[4]):({header:g,children:m,className:h,..._}=f,p[0]=f,p[1]=m,p[2]=h,p[3]=g,p[4]=_);let[v,y]=c(!1),[b,x]=c(!1),S;p[5]===h?S=p[6]:(S=i(t,h),p[5]=h,p[6]=S);let C;p[7]===Symbol.for(`react.memo_cache_sentinel`)?(C=e=>{x(!0),y(e)},p[7]=C):C=p[7];let w;p[8]!==b||p[9]!==v?(w=u(v?o:s,{size:16,className:i(e,b&&`_1ao1rqt4`)}),p[8]=b,p[9]=v,p[10]=w):w=p[10];let T;p[11]!==g||p[12]!==w?(T=/* @__PURE__ */ u(l.Header,{children:/* @__PURE__ */ d(l.Trigger,{className:r,children:[g,w]})}),p[11]=g,p[12]=w,p[13]=T):T=p[13];let E;p[14]===m?E=p[15]:(E=/* @__PURE__ */ u(l.Panel,{className:n,children:m}),p[14]=m,p[15]=E);let D;return p[16]!==_||p[17]!==S||p[18]!==T||p[19]!==E?(D=/* @__PURE__ */ d(l.Item,{className:S,onOpenChange:C,..._,children:[T,E]}),p[16]=_,p[17]=S,p[18]=T,p[19]=E,p[20]=D):D=p[20],D};export{p as AccordionItem,f as AccordionRoot};

package/dist/components/Button/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-BH8WFC_6.css";var e=`_5dn4ur0`;export{e as buttonStyles};

package/dist/components/Button.d.ts

@@ -0,0 +1,11 @@
+import { LucideIcon } from "lucide-react";
+import { ReactNode } from "react";
+import { Button as Button$1 } from "@base-ui/react/button";
+//#region src/components/Button/index.d.ts
+type ButtonProps = Button$1.Props & {
+  className?: string | undefined;
+  icon?: LucideIcon;
+};
+declare const Button: ({ children, icon, className, ...props }: ButtonProps) => ReactNode;
+//#endregion
+export { Button };

package/dist/components/Button.js

@@ -0,0 +1 @@
+import{mergeClassNames as e}from"../mergeClassNames.js";import{buttonStyles as t}from"./Button/styles.styles.js";import{c as n}from"react/compiler-runtime";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Button as a}from"@base-ui/react/button";const o=o=>{let s=n(14),c,l,u,d;s[0]===o?(c=s[1],l=s[2],u=s[3],d=s[4]):({children:c,icon:u,className:l,...d}=o,s[0]=o,s[1]=c,s[2]=l,s[3]=u,s[4]=d);let f=u,p;s[5]===l?p=s[6]:(p=e(t,l),s[5]=l,s[6]=p);let m;s[7]===f?m=s[8]:(m=f&&/* @__PURE__ */ r(f,{size:`1.25rem`}),s[7]=f,s[8]=m);let h;return s[9]!==c||s[10]!==d||s[11]!==p||s[12]!==m?(h=/* @__PURE__ */ i(a,{className:p,...d,children:[m,c]}),s[9]=c,s[10]=d,s[11]=p,s[12]=m,s[13]=h):h=s[13],h};export{o as Button};

package/dist/components/Input/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-BDHakuIO.css";var e=`_1effe772`,t=`_1effe771`,n=`_1effe770`;export{e as clearButtonStyles,t as inputStyles,n as inputWrapperStyles};

package/dist/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { Input as Input$1 } from "@base-ui/react/input";
+//#region src/components/Input/index.d.ts
+type InputProps = Input$1.Props & {
+  className?: string | undefined;
+};
+declare const Input: ({ className, value: $value, defaultValue, onValueChange, ...props }: InputProps) => ReactNode;
+//#endregion
+export { Input };

package/dist/components/Input.js

@@ -0,0 +1 @@
+import{mergeClassNames as e}from"../mergeClassNames.js";import{inputStyles as t,inputWrapperStyles as n}from"./Input/styles.styles.js";import{c as r}from"react/compiler-runtime";import{XIcon as i}from"lucide-react";import{useState as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Input as c}from"@base-ui/react/input";const l=l=>{let u=r(26),d,f,p,m,h;u[0]===l?(d=u[1],f=u[2],p=u[3],m=u[4],h=u[5]):({className:f,value:d,defaultValue:p,onValueChange:m,...h}=l,u[0]=l,u[1]=d,u[2]=f,u[3]=p,u[4]=m,u[5]=h);let g;u[6]!==d||u[7]!==p?(g=()=>String(d??p??``),u[6]=d,u[7]=p,u[8]=g):g=u[8];let[_,v]=a(g),[y,b]=a(d);d!==y&&(b(d),v(String(d??p??``)));let x=_!==``&&!h.disabled&&!h.readOnly,S;u[9]===m?S=u[10]:(S=e=>{let t={allowPropagation:()=>{t.isPropagationAllowed=!0},cancel:()=>{t.isCanceled=!0},event:e.nativeEvent,isCanceled:!1,isPropagationAllowed:!1,reason:`none`,trigger:e.currentTarget};m?.(``,t),t.isCanceled||v(``)},u[9]=m,u[10]=S);let C=S,w;u[11]===f?w=u[12]:(w=e(t,f),u[11]=f,u[12]=w);let T;u[13]===m?T=u[14]:(T=(e,t)=>{v(e),m?.(e,t)},u[13]=m,u[14]=T);let E;u[15]!==h||u[16]!==w||u[17]!==T||u[18]!==_?(E=/* @__PURE__ */ o(c,{...h,className:w,value:_,onValueChange:T}),u[15]=h,u[16]=w,u[17]=T,u[18]=_,u[19]=E):E=u[19];let D;u[20]!==C||u[21]!==x?(D=x&&/* @__PURE__ */ o(`button`,{type:`button`,className:`_1effe772`,"aria-label":`Clear input`,onClick:C,children:/* @__PURE__ */ o(i,{size:16})}),u[20]=C,u[21]=x,u[22]=D):D=u[22];let O;return u[23]!==E||u[24]!==D?(O=/* @__PURE__ */ s(`span`,{className:n,children:[E,D]}),u[23]=E,u[24]=D,u[25]=O):O=u[25],O};export{l as Input};

package/dist/components/Progress/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-BAmA6nA8.css";var e=`_1ixcec4`,t=`_1ixcec0`,n=`_1ixcec1`,r=`_1ixcec2`;export{e as indicatorStyles,t as labelContainerStyles,n as labelStyles,r as trackStyles};

package/dist/components/Progress.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+//#region src/components/Progress/index.d.ts
+type ProgressProps = Progress$1.Root.Props & {
+  label?: ReactNode;
+};
+declare const Progress: ({ label, ...props }: ProgressProps) => ReactNode;
+//#endregion
+export { Progress };

package/dist/components/Progress.js

@@ -0,0 +1 @@
+import{indicatorStyles as e,labelContainerStyles as t,labelStyles as n,trackStyles as r}from"./Progress/styles.styles.js";import{c as i}from"react/compiler-runtime";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Progress as s}from"@base-ui/react/progress";const c=c=>{let l=i(12),u,d;l[0]===c?(u=l[1],d=l[2]):({label:u,...d}=c,l[0]=c,l[1]=u,l[2]=d);let f;l[3]===u?f=l[4]:(f=/* @__PURE__ */ a(s.Label,{className:n,children:u}),l[3]=u,l[4]=f);let p;l[5]===Symbol.for(`react.memo_cache_sentinel`)?(p=/* @__PURE__ */ a(s.Value,{}),l[5]=p):p=l[5];let m;l[6]===f?m=l[7]:(m=/* @__PURE__ */ o(`div`,{className:t,children:[f,p]}),l[6]=f,l[7]=m);let h;l[8]===Symbol.for(`react.memo_cache_sentinel`)?(h=/* @__PURE__ */ a(s.Track,{className:r,children:/* @__PURE__ */ a(s.Indicator,{className:e})}),l[8]=h):h=l[8];let g;return l[9]!==d||l[10]!==m?(g=/* @__PURE__ */ o(s.Root,{...d,children:[m,h]}),l[9]=d,l[10]=m,l[11]=g):g=l[11],g};export{c as Progress};

package/dist/components/Select/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-CgupK_Al.css";var e=`_33icqq0`,t=`_33icqq7`,n=`_33icqq6`,r=`_33icqq1`,i=`_33icqq4`,a=`_33icqq3`,o=`_33icqq2`,s=`_33icqq5`;export{e as containerStyles,t as groupLabelStyles,n as itemStyles,r as labelStyles,i as listStyles,a as popupStyles,o as selectStyles,s as textStyles};

package/dist/components/Select.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from "react";
+//#region src/components/Select/index.d.ts
+interface SelectOption {
+  value: string;
+  label: ReactNode;
+}
+interface SelectGroup {
+  label: string;
+  options: SelectOption[];
+}
+interface SelectProps {
+  label: ReactNode;
+  options: Array<SelectOption | SelectGroup>;
+  placeholder?: ReactNode;
+  value: string | null;
+  onValueChange: (value: string | null) => void;
+  onOpenChange?: (open: boolean) => void;
+}
+declare const Select: ({ options, label, placeholder, value, onValueChange, onOpenChange }: SelectProps) => ReactElement;
+//#endregion
+export { Select, type SelectGroup, type SelectOption };

package/dist/components/Select.js

@@ -0,0 +1 @@
+import{containerStyles as e,groupLabelStyles as t,itemStyles as n,labelStyles as r,listStyles as i,popupStyles as a,selectStyles as o,textStyles as s}from"./Select/styles.styles.js";import{c}from"react/compiler-runtime";import{useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{Select as f}from"@base-ui/react/select";const p=e=>`options`in e,m=n=>{let m=c(27),{options:_,label:v,placeholder:y,value:b,onValueChange:x,onOpenChange:S}=n,[C,w]=l(!1),T;m[0]===_?T=m[1]:(T=_.flatMap(h),m[0]=_,m[1]=T);let E=T,D;m[2]===S?D=m[3]:(D=e=>{w(e),S?.(e)},m[2]=S,m[3]=D);let O=D,k=g,A;m[4]===O?A=m[5]:(A=e=>{e.preventBaseUIHandler(),O(!0)},m[4]=O,m[5]=A);let j;m[6]!==v||m[7]!==A?(j=/* @__PURE__ */ u(f.Label,{className:r,onClick:A,children:v}),m[6]=v,m[7]=A,m[8]=j):j=m[8];let M;m[9]===y?M=m[10]:(M=/* @__PURE__ */ u(f.Trigger,{className:o,children:/* @__PURE__ */ u(f.Value,{className:s,placeholder:y})}),m[9]=y,m[10]=M);let N;m[11]!==j||m[12]!==M?(N=/* @__PURE__ */ d(`div`,{className:e,children:[j,M]}),m[11]=j,m[12]=M,m[13]=N):N=m[13];let P;if(m[14]!==_){let e;m[16]===Symbol.for(`react.memo_cache_sentinel`)?(e=e=>p(e)?/* @__PURE__ */ d(f.Group,{children:[/* @__PURE__ */ u(f.GroupLabel,{className:t,children:e.label}),e.options.map(k)]},e.label):k(e),m[16]=e):e=m[16],P=_.map(e),m[14]=_,m[15]=P}else P=m[15];let F;m[17]===P?F=m[18]:(F=/* @__PURE__ */ u(f.Portal,{children:/* @__PURE__ */ u(f.Positioner,{children:/* @__PURE__ */ u(f.Popup,{className:a,children:/* @__PURE__ */ u(f.List,{className:i,children:P})})})}),m[17]=P,m[18]=F);let I;return m[19]!==E||m[20]!==O||m[21]!==x||m[22]!==C||m[23]!==N||m[24]!==F||m[25]!==b?(I=/* @__PURE__ */ d(f.Root,{items:E,value:b,onValueChange:x,open:C,onOpenChange:O,children:[N,F]}),m[19]=E,m[20]=O,m[21]=x,m[22]=C,m[23]=N,m[24]=F,m[25]=b,m[26]=I):I=m[26],I};function h(e){return p(e)?e.options:[e]}function g(e){return/* @__PURE__ */ u(f.Item,{value:e.value,className:n,children:/* @__PURE__ */ u(f.ItemText,{className:s,children:e.label})},e.value)}export{m as Select};

package/dist/components/Switch/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-BivsCv0a.css";var e=`_1ca4pu70`,t=`_1ca4pu71`;export{e as rootStyles,t as thumbStyles};

package/dist/components/Switch.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+//#region src/components/Switch/index.d.ts
+type SwitchProps = Switch$1.Root.Props & {
+  className?: string | undefined;
+};
+declare const Switch: ({ className, ...props }: SwitchProps) => ReactNode;
+//#endregion
+export { Switch };

package/dist/components/Switch.js

@@ -0,0 +1 @@
+import{mergeClassNames as e}from"../mergeClassNames.js";import{rootStyles as t,thumbStyles as n}from"./Switch/styles.styles.js";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{Switch as a}from"@base-ui/react/switch";const o=o=>{let s=r(9),c,l;s[0]===o?(c=s[1],l=s[2]):({className:c,...l}=o,s[0]=o,s[1]=c,s[2]=l);let u;s[3]===c?u=s[4]:(u=e(t,c),s[3]=c,s[4]=u);let d;s[5]===Symbol.for(`react.memo_cache_sentinel`)?(d=/* @__PURE__ */ i(a.Thumb,{className:n}),s[5]=d):d=s[5];let f;return s[6]!==l||s[7]!==u?(f=/* @__PURE__ */ i(a.Root,{className:u,...l,children:d}),s[6]=l,s[7]=u,s[8]=f):f=s[8],f};export{o as Switch};

package/dist/components/Toast/styles.styles.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-e9r3lDSy.css";import"./../../assets/styles.css.ts.vanilla-S0KW5nmE.css";var e=`opkspx5`,t=`opkspx2`,n=`opkspx4`,r=`opkspx1`,i=`opkspx3`,a=`opkspx0`;export{e as actionsStyles,t as contentStyles,n as descriptionStyles,r as rootStyles,i as titleStyles,a as viewportStyles};

package/dist/components/Toast.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/Toast/index.d.ts
+interface ToastErrorOptions {
+  actionProps?: ComponentPropsWithoutRef<"button">;
+  /** The failure detail. Takes precedence over `description` when present. */
+  cause?: unknown;
+  description?: string;
+  id: string;
+  title: string;
+}
+declare const toastError: (options: ToastErrorOptions) => void;
+interface ToastSuccessOptions {
+  description?: string;
+  id: string;
+  title: string;
+}
+declare const toastSuccess: (options: ToastSuccessOptions) => void;
+interface ToastProviderProps {
+  children: ReactNode;
+}
+declare const ToastProvider: ({ children }: ToastProviderProps) => ReactNode;
+//#endregion
+export { ToastProvider, toastError, toastSuccess };

package/dist/components/Toast.js

@@ -0,0 +1 @@
+import{Button as e}from"./Button.js";import{actionsStyles as t,contentStyles as n,descriptionStyles as r,rootStyles as i,titleStyles as a,viewportStyles as o}from"./Toast/styles.styles.js";import{c as s}from"react/compiler-runtime";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{Toast as u}from"@base-ui/react/toast";const d=u.createToastManager(),f=e=>e instanceof Error?e.message:String(e),p=e=>{let{cause:t,...n}=e;d.add({...n,description:`cause`in e?f(t):n.description,priority:`high`,type:`error`})},m=e=>{d.add({...e,priority:`low`,type:`success`})},h=()=>{let e=s(4),{toasts:t}=u.useToastManager(),n;e[0]===t?n=e[1]:(n=t.map(_),e[0]=t,e[1]=n);let r;return e[2]===n?r=e[3]:(r=/* @__PURE__ */ c(u.Portal,{children:/* @__PURE__ */ c(u.Viewport,{className:o,children:n})}),e[2]=n,e[3]=r),r},g=e=>{let t=s(3),{children:n}=e,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r=/* @__PURE__ */ c(h,{}),t[0]=r):r=t[0];let i;return t[1]===n?i=t[2]:(i=/* @__PURE__ */ l(u.Provider,{toastManager:d,children:[n,r]}),t[1]=n,t[2]=i),i};function _(o){return/* @__PURE__ */ c(u.Root,{toast:o,className:i,children:/* @__PURE__ */ l(u.Content,{className:n,children:[/* @__PURE__ */ c(u.Title,{className:a}),/* @__PURE__ */ c(u.Description,{className:r}),/* @__PURE__ */ l(`div`,{className:t,children:[o.actionProps&&/* @__PURE__ */ c(u.Action,{render:/* @__PURE__ */ c(e,{})}),/* @__PURE__ */ c(u.Close,{render:/* @__PURE__ */ c(e,{children:`OK`})})]})]})},o.id)}export{g as ToastProvider,p as toastError,m as toastSuccess};

package/dist/mergeClassNames.js

@@ -0,0 +1 @@
+const e=(...e)=>e.filter(Boolean).join(` `);export{e as mergeClassNames};

package/package.json

@@ -1,6 +1,85 @@
 {
   "name": "platen-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Styled Base UI components for professional software",
+  "homepage": "https://github.com/Robot-Inventor/platen-ui#readme",
+  "bugs": {
+    "url": "https://github.com/Robot-Inventor/platen-ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Robot-Inventor/platen-ui.git"
+  },
+  "license": "MIT",
+  "author": "Robot-Inventor",
+  "type": "module",
+  "publishConfig": {
+    "provenance": true
+  },
+  "files": ["dist"],
+  "exports": {
+    "./Accordion": {
+      "import": "./dist/components/Accordion.js",
+      "types": "./dist/components/Accordion.d.ts"
+    },
+    "./Button": {
+      "import": "./dist/components/Button.js",
+      "types": "./dist/components/Button.d.ts"
+    },
+    "./Input": {
+      "import": "./dist/components/Input.js",
+      "types": "./dist/components/Input.d.ts"
+    },
+    "./Progress": {
+      "import": "./dist/components/Progress.js",
+      "types": "./dist/components/Progress.d.ts"
+    },
+    "./Select": {
+      "import": "./dist/components/Select.js",
+      "types": "./dist/components/Select.d.ts"
+    },
+    "./Switch": {
+      "import": "./dist/components/Switch.js",
+      "types": "./dist/components/Switch.d.ts"
+    },
+    "./Toast": {
+      "import": "./dist/components/Toast.js",
+      "types": "./dist/components/Toast.d.ts"
+    }
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.styles.js"
+  ],
+  "scripts": {
+    "lint": "tsc --noEmit && knip && oxlint src",
+    "format": "prettier --write src",
+    "format:check": "prettier --check src",
+    "build": "tsdown --minify",
+    "ci:version": "changeset version",
+    "ci:publish": "bun run build && changeset publish"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "^1.0.1",
+    "@changesets/cli": "^3.0.3",
+    "@robot-inventor/oxlint-config": "^0.5.1",
+    "@robot-inventor/tsconfig-base": "^7.2.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vanilla-extract/css": "^1.21.3",
+    "@vanilla-extract/rollup-plugin": "^1.5.4",
+    "@vitejs/plugin-react": "^6.1.2",
+    "knip": "^6.41.0",
+    "oxc-transform-react": "^0.154.0",
+    "oxlint": "^1.87.0",
+    "prettier": "^3.9.10",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tsdown": "^0.23.1",
+    "typescript": "^7.0.2"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.9.0",
+    "lucide-react": "^1.55.0"
+  }
+}