tsp-form 0.0.2 → 0.0.3

package/dist/index.js

@@ -0,0 +1,2 @@
+/*! For license information please see index.js.LICENSE.txt */
+!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("clsx")):"function"==typeof define&&define.amd?define("MyUIComponents",["react","clsx"],e):"object"==typeof exports?exports.MyUIComponents=e(require("react"),require("clsx")):r.MyUIComponents=e(r.React,r.clsx)}(this,(r,e)=>(()=>{"use strict";var n={12:e=>{e.exports=r},56:(r,e,n)=>{r.exports=function(r){var e=n.nc;e&&r.setAttribute("nonce",e)}},72:r=>{var e=[];function n(r){for(var n=-1,t=0;t<e.length;t++)if(e[t].identifier===r){n=t;break}return n}function t(r,t){for(var a={},c=[],i=0;i<r.length;i++){var l=r[i],s=t.base?l[0]+t.base:l[0],u=a[s]||0,f="".concat(s," ").concat(u);a[s]=u+1;var p=n(f),d={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=o(d,t);t.byIndex=i,e.splice(i,0,{identifier:f,updater:v,references:1})}c.push(f)}return c}function o(r,e){var n=e.domAPI(e);return n.update(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap&&e.supports===r.supports&&e.layer===r.layer)return;n.update(r=e)}else n.remove()}}r.exports=function(r,o){var a=t(r=r||[],o=o||{});return function(r){r=r||[];for(var c=0;c<a.length;c++){var i=n(a[c]);e[i].references--}for(var l=t(r,o),s=0;s<a.length;s++){var u=n(a[s]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}a=l}}},113:r=>{r.exports=function(r,e){if(e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}},314:r=>{r.exports=function(r){var e=[];return e.toString=function(){return this.map(function(e){var n="",t=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),t&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=r(e),t&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},e.i=function(r,n,t,o,a){"string"==typeof r&&(r=[[null,r,void 0]]);var c={};if(t)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(c[l]=!0)}for(var s=0;s<r.length;s++){var u=[].concat(r[s]);t&&c[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},405:(r,e,n)=>{n.d(e,{A:()=>i});var t=n(601),o=n.n(t),a=n(314),c=n.n(a)()(o());c.push([r.id,".cpanel {\n    border: 1px solid var(--color-line);\n    border-radius: var(--radius-control);\n    overflow: hidden;\n}\n\n.cpanel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: left;\n    border-bottom: 1px solid var(--color-line);\n}\n\n.cpanel-header-title {\n    padding: var(--spacing-title-y) var(--spacing-title-x);\n    letter-spacing: var(--text-title--letter-spacing);\n    font-size: var(--text-title);\n    line-height: var(--text-title--line-height);\n    font-weight: var(--text-title--font-weight);\n}\n\n.cpanel-header:focus {\n    outline: none;\n}\n\n.cpanel-header:focus-visible {\n    box-shadow: 0 0 0 1px var(--color-primary);\n}\n\n.cpanel-chevron {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--spacing-title-h);\n    height: var(--spacing-title-h);\n    border-left: var(--spacing-line) solid var(--color-line);\n    cursor: pointer;\n}\n\n.cpanel-content.open {\n    display: block;\n}\n\n.cpanel-content {\n    display: none;\n}",""]);const i=c},525:(r,e,n)=>{n.d(e,{A:()=>i});var t=n(601),o=n.n(t),a=n(314),c=n.n(a)()(o());c.push([r.id,".rotate-0 {\n    transform: rotate(0deg);\n}\n\n.rotate-90 {\n    transform: rotate(90deg);\n}\n\n.rotate-180 {\n    transform: rotate(180deg);\n}\n\n.-rotate-90 {\n    transform: rotate(-90deg);\n}\n\n.chevron-animated {\n    transition: transform 200ms ease-out;\n}",""]);const i=c},540:r=>{r.exports=function(r){var e=document.createElement("style");return r.setAttributes(e,r.attributes),r.insert(e,r.options),e}},601:r=>{r.exports=function(r){return r[1]}},659:r=>{var e={};r.exports=function(r,n){var t=function(r){if(void 0===e[r]){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(r){n=null}e[r]=n}return e[r]}(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}},698:(r,e)=>{var n=Symbol.for("react.transitional.element");function t(r,e,t){var o=null;if(void 0!==t&&(o=""+t),void 0!==e.key&&(o=""+e.key),"key"in e)for(var a in t={},e)"key"!==a&&(t[a]=e[a]);else t=e;return e=t.ref,{$$typeof:n,type:r,key:o,ref:void 0!==e?e:null,props:t}}Symbol.for("react.fragment"),e.jsx=t,e.jsxs=t},825:r=>{r.exports=function(r){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=r.insertStyleElement(r);return{update:function(n){!function(r,e,n){var t="";n.supports&&(t+="@supports (".concat(n.supports,") {")),n.media&&(t+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(t+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),t+=n.css,o&&(t+="}"),n.media&&(t+="}"),n.supports&&(t+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(t,r,e.options)}(e,r,n)},remove:function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(e)}}}},848:(r,e,n)=>{r.exports=n(698)},894:r=>{r.exports=e},998:(r,e,n)=>{n.d(e,{A:()=>i});var t=n(601),o=n.n(t),a=n(314),c=n.n(a)()(o());c.push([r.id,".btn {\n    --color-text: var(--color-fg);\n    --color-bg: var(--color-surface);\n    --color-border: var(--color-surface);\n    --color-bg-hover: var(--color-fg);\n    --color-border-hover: var(--color-fg);\n    --color-text-hover: var(--color-fg-contrast);\n    padding: var(--spacing-control-y) var(--spacing-control-x);\n    border-radius: var(--radius-control);\n    border: 1px solid var(--color-border);\n    cursor: pointer;\n    background: var(--color-bg);\n    color: var(--color-text);\n    transition: all 0.2s ease-in-out;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n}\n\n.btn:hover {\n    background: var(--color-bg-hover);\n    border-color: var(--color-border-hover);\n    color: var(--color-text-hover);\n}\n\n.btn.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n.btn-sm {\n    padding: var(--spacing-control-compact-y) var(--spacing-control-compact-x);\n}\n\n.btn-lg {\n    padding: var(--spacing-control-relaxed-y) var(--spacing-control-relaxed-x);\n}\n\n.btn-primary {\n    --color-text: var(--color-primary-contrast);\n    --color-bg: var(--color-primary);\n    --color-border: var(--color-primary);\n}\n\n.btn-secondary {\n    --color-text: var(--color-secondary-contrast);\n    --color-bg: var(--color-secondary);\n    --color-border: var(--color-secondary);\n}\n\n.btn-danger {\n    --color-text: var(--color-danger-contrast);\n    --color-bg: var(--color-danger);\n    --color-border: var(--color-danger);\n}\n\n.btn-outline-default {\n    --color-text: var(--color-fg);\n    --color-bg: transparent;\n    --color-border: var(--color-line);\n}\n\n.btn-outline-primary {\n    --color-text: var(--color-primary);\n    --color-border: var(--color-primary);\n    --color-text-hover: var(--color-primary-contrast);\n    --color-bg-hover: var(--color-primary);\n    --color-border-hover: var(--color-primary);\n}\n\n.btn-outline-secondary {\n    --color-text: var(--color-secondary);\n    --color-border: var(--color-secondary);\n    --color-text-hover: var(--color-secondary-contrast);\n    --color-bg-hover: var(--color-secondary);\n    --color-border-hover: var(--color-secondary);\n}\n\n.btn-outline-danger {\n    --color-text: var(--color-danger);\n    --color-border: var(--color-danger);\n    --color-text-hover: var(--color-danger-contrast);\n    --color-bg-hover: var(--color-danger);\n    --color-border-hover: var(--color-danger);\n}\n\n.btn-ghost-default {\n    --color-text: var(--color-fg);\n    --color-bg: transparent;\n    --color-border: transparent;\n    --color-text-hover: var(--color-fg);\n    --color-bg-hover: var(--color-surface);\n    --color-border-hover: var(--color-surface);\n}\n\n.btn-ghost-primary {\n    --color-text: var(--color-primary);\n    --color-bg: transparent;\n    --color-border: transparent;\n    --color-text-hover: var(--color-fg);\n    --color-bg-hover: var(--color-surface);\n    --color-border-hover: var(--color-surface);\n}\n\n.btn-ghost-secondary {\n    --color-text: var(--color-secondary);\n    --color-bg: transparent;\n    --color-border: transparent;\n    --color-text-hover: var(--color-fg);\n    --color-bg-hover: var(--color-surface);\n    --color-border-hover: var(--color-surface);\n}\n\n.btn-ghost-danger {\n    --color-text: var(--color-danger);\n    --color-bg: transparent;\n    --color-border: transparent;\n}\n",""]);const i=c}},t={};function o(r){var e=t[r];if(void 0!==e)return e.exports;var a=t[r]={id:r,exports:{}};return n[r](a,a.exports,o),a.exports}o.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return o.d(e,{a:e}),e},o.d=(r,e)=>{for(var n in e)o.o(e,n)&&!o.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:e[n]})},o.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),o.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.nc=void 0;var a={};o.r(a),o.d(a,{Button:()=>E,Chevron:()=>U,ExpandablePanel:()=>F});var c=o(12),i=o(894),l=o.n(i),s=o(72),u=o.n(s),f=o(825),p=o.n(f),d=o(659),v=o.n(d),b=o(56),y=o.n(b),m=o(540),g=o.n(m),h=o(113),x=o.n(h),O=o(998),j={};j.styleTagTransform=x(),j.setAttributes=y(),j.insert=v().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=g(),u()(O.A,j),O.A&&O.A.locals&&O.A.locals;var w=o(848);function S(r){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},S(r)}var P=["color","variant","size","className","disabled","type"];function A(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),n.push.apply(n,t)}return n}function k(r,e,n){return(e=function(r){var e=function(r){if("object"!=S(r)||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,"string");if("object"!=S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"==S(e)?e:e+""}(e))in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}var E=(0,c.forwardRef)(function(r,e){var n=r.color,t=void 0===n?"default":n,o=r.variant,a=void 0===o?"solid":o,c=r.size,i=void 0===c?"md":c,s=r.className,u=r.disabled,f=r.type,p=void 0===f?"button":f,d=function(r,e){if(null==r)return{};var n,t,o=function(r,e){if(null==r)return{};var n={};for(var t in r)if({}.hasOwnProperty.call(r,t)){if(-1!==e.indexOf(t))continue;n[t]=r[t]}return n}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)n=a[t],-1===e.indexOf(n)&&{}.propertyIsEnumerable.call(r,n)&&(o[n]=r[n])}return o}(r,P),v=function(r,e,n,t){var o=["btn","btn-".concat(n),t];switch(r){case"solid":o.push("btn-".concat(e));break;case"outline":o.push("btn-outline-".concat(e));break;case"ghost":o.push("btn-ghost-".concat(e))}return l()(o)}(a,t,i,s);return(0,w.jsx)("button",function(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach(function(e){k(r,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}({ref:e,type:p,className:v,disabled:u},d))});E.displayName="Button";var T=o(525),N={};function I(r){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},I(r)}N.styleTagTransform=x(),N.setAttributes=y(),N.insert=v().bind(null,"head"),N.domAPI=p(),N.insertStyleElement=g(),u()(T.A,N),T.A&&T.A.locals&&T.A.locals;var C=["direction","open","size","strokeWidth","className","title","animated"];function M(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),n.push.apply(n,t)}return n}function D(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?M(Object(n),!0).forEach(function(e){z(r,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function z(r,e,n){return(e=function(r){var e=function(r){if("object"!=I(r)||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,"string");if("object"!=I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"==I(e)?e:e+""}(e))in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}function U(r){var e=r.direction,n=void 0===e?"down":e,t=r.open,o=r.size,a=void 0===o?16:o,c=r.strokeWidth,i=void 0===c?2:c,s=r.className,u=r.title,f=r.animated,p=void 0===f||f,d=function(r,e){if(null==r)return{};var n,t,o=function(r,e){if(null==r)return{};var n={};for(var t in r)if({}.hasOwnProperty.call(r,t)){if(-1!==e.indexOf(t))continue;n[t]=r[t]}return n}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)n=a[t],-1===e.indexOf(n)&&{}.propertyIsEnumerable.call(r,n)&&(o[n]=r[n])}return o}(r,C),v={down:0,up:180,left:90,right:-90},b=void 0===t?v[n]:"down"===n?t?180:0:"right"===n?t?0:-90:v[n],y=0===b?"rotate-0":180===b?"rotate-180":90===b?"rotate-90":-90===b?"-rotate-90":"rotate-0";return(0,w.jsxs)("svg",D(D({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",className:l()("shrink-0",p&&"chevron-animated",y,s),"aria-hidden":!d["aria-label"]||void 0,role:d["aria-label"]?"img":void 0},d),{},{children:[u?(0,w.jsx)("title",{children:u}):null,(0,w.jsx)("path",{d:"M6 9l6 6 6-6"})]}))}var q=o(405),L={};function R(r){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},R(r)}function _(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),n.push.apply(n,t)}return n}function B(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_(Object(n),!0).forEach(function(e){W(r,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function W(r,e,n){return(e=function(r){var e=function(r){if("object"!=R(r)||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,"string");if("object"!=R(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"==R(e)?e:e+""}(e))in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}function $(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=Array(e);n<e;n++)t[n]=r[n];return t}L.styleTagTransform=x(),L.setAttributes=y(),L.insert=v().bind(null,"head"),L.domAPI=p(),L.insertStyleElement=g(),u()(q.A,L),q.A&&q.A.locals&&q.A.locals;var F=function(r){var e,n,t=r.title,o=r.children,a=r.className,i=r.chevronProps,s=r.defaultOpen,u=void 0===s||s,f=(e=(0,c.useState)(u),n=2,function(r){if(Array.isArray(r))return r}(e)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var t,o,a,c,i=[],l=!0,s=!1;try{if(a=(n=n.call(r)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(t=a.call(n)).done)&&(i.push(t.value),i.length!==e);l=!0);}catch(r){s=!0,o=r}finally{try{if(!l&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw o}}return i}}(e,n)||function(r,e){if(r){if("string"==typeof r)return $(r,e);var n={}.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(r,e):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=f[0],d=f[1];return(0,w.jsxs)("div",{className:l()("cpanel",a),children:[(0,w.jsxs)("div",{className:"cpanel-header",onClick:function(){return d(function(r){return!r})},"aria-expanded":p,children:[(0,w.jsx)("div",{className:"cpanel-header-title",children:t}),(0,w.jsx)("div",{className:"cpanel-chevron",children:(0,w.jsx)(U,B({direction:"right",open:p,className:"text-current cursor-pointer",size:24},i))})]}),(0,w.jsx)("div",{className:l()("cpanel-content",p&&"open"),children:o})]})};return a})());

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsp-form",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A unified Tailwind 4 variables compatible UI component library for my own projects.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/webpack.config.js

@@ -32,7 +32,7 @@ module.exports = (env) => {
 	if (isLibraryBuild) {
 		return {
 			...commonConfig,
-			entry: './src/index.ts', // Entry point for the component library
+			entry: './index.ts', // Entry point for the component library
 			output: {
 				path: path.resolve(__dirname, 'dist'),
 				filename: 'index.js',